[Jennifer Sims]

Dear Wen Business Pro,

is it possible to change the colour and depth of the underline bar in the main menu.

Kind Regards Jen

[wensolutions]

Hello,

The WEN Business Pro theme already comes with the color setting option for the underline below the menu items.

To change the color of the menu items underline simply go to your Admin

Dashboard > Appearance > Customizer > Color Settings > Primary Menu Color Options > Main Underline Color and choose the color of your choice for the underline.

Also under this setting, Main Link Hover Color will set the color of the underline while on hover.

For your query regarding the “Depth” you can go to Admin

Dashboard > Appearance > Customizer > Theme Options > Advanced Options > Custom CSS and paste in the following custom CSS :

#site-navigation ul li a:after {
    opacity: 0.6;
}

You can increase or decrease the opacity value to change the color depth of the underline.

Hope this resolves your issue.

Best Regards !!
wensolutions

[Jennifer Sims]

Thanks yes all sorted. I was hoping to change the individual menu items with different colours but no issue.

Also, is it possible to have the sub menus in mobile view visible. I have had a few users advise they do not notice the arrow to the secondary menus and only find the main menu item. I’d like to have the mobile view show all menus main and sub under each other.

[wensolutions]

Sub menu by default is visible in mobile view. You can also check this theme’s existing demo to verify in mobile view as well : http://demo.wenthemes.com/wen-business-pro/

We hope this is clear to you.

[Jennifer Sims]

Yes, I am aware the sub menus are in the mobile view and visible but only if you click on the arrow. Unfortunately the arrow doesn’t stand out and therefore users are not finding the secondary pages under the main menu items. I’d like:
1. the secondary menus to show under the main menus in the mobile view
or
2. hi-light the arrow to these secondary menus better, these menus are currently hidden and being missed.

[wensolutions]

Can you please share your site URL ? We will try to inspect your browser source code to find the probable solution for you.

[Jennifer Sims]

Sure, the site is:

http://buttercupschildcare.com.au

All menus are there it is just not obvious there are secondary menus in the mobile view.

Appreciate your support on this one.

[wensolutions]

Trying to add some custom CSS on the secondary menu items. Add the following CSS on the Appearance -> Customize -> Advance Options -> Custom CSS

.mm-list a.mm-subopen{
background-color: #8c8b8b;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

Hope this helps in tweaking the current secondary submenu style of your site.

[Jennifer Sims]

fantastic! Yes, this is much better. Helps the end user discover the secondary menu items in the mobile view.

Thanks for your support and have a great day.

Regards Jen

[Jennifer Sims]

Dear Support,

The client has decided he is not happy with the change of colour on the arrows and wants the menus all to be visible in the mobile view without having to click an arrow.

Is this possible to show the secondary menu pages under the main menu pages in the mobile view.

Any suggestions welcome.

Kind Regards Jen

[wensolutions]

As much as we would love to help you on this request as well like before but such tweak on the menu cannot be easukt achieved small code and fixes.

Therefore, we would like to recommend you to Hire a Customizer to get this customized according to your requirement without breaking any functionalities and future updates.

Hope it would help you moving forward.

Thank you.

[wensolutions]

As much as we would love to help you on this request as well like before but such tweak on the menu cannot be easily achieve through small code and fixes.

Therefore, we would like to recommend you to Hire a Customizer to get this customized according to your requirement without breaking any functionalities and future updates.

Hope it would help you moving forward.

Thank you.

[Author]

Posts