Can I give a SUB MENU a different background color in Button Popup (Mobile menu)?

26 Posts

El Shay posted this 22 June 2019

Hi there

I have 3 levels in my Menu (with a lot of items in the sub menus)

In the mobile version as I "expand" the menu then a sub menu and then a sub sub menu there is NO diferentiation between "menu items", "submenu items" and "subsubmenu items", which makes the list very "busy" and very confusing.

If I could at least apply a different background color in the button popup menu for each "level" I think it would be less confusing.

Can this be done currently?

If not can you recommend where I should change the CSS to get this effect?

Loving the product btw

Hi there I have 3 levels in my Menu (with a lot of items in the sub menus) In the mobile version as I "expand" the menu then a sub menu and then a sub sub menu there is NO diferentiation between "menu items", "submenu items" and "subsubmenu items", which makes the list very "busy" and very confusing. If I could at least apply a different background color in the button popup menu for each "level" I think it would be less confusing. Can this be done currently? If not can you recommend where I should change the CSS to get this effect? Loving the product btw s

mobile-menu button-popup

Vote to pay developers attention to this features or issue.

3 Replies

Order By: Standard | Newest

Support Team posted this 24 June 2019

Hi Shay,

Unfortunately there is no such possibility in the application. You can use such custom code to add the color for the submenu levels. Add it under the Theme >> Site Settings >> CSS tab:

.u-enable-responsive .u-sidenav > ul > li > div > ul > li > a.u-nav-link {
    background: color for the submenu;
}

.u-enable-responsive .u-sidenav > ul > li > div > ul > li > div > ul > li > a.u-nav-link {
    background: color for the sub submenu;
}

Use the desired color value.
...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Shay, Unfortunately there is no such possibility in the application. You can use such custom code to add the color for the submenu levels. Add it under the Theme >> Site Settings >> CSS tab: .u-enable-responsive .u-sidenav > ul > li > div > ul > li > a.u-nav-link { background: color for the submenu; } .u-enable-responsive .u-sidenav > ul > li > div > ul > li > div > ul > li > a.u-nav-link { background: color for the sub submenu; } Use the desired color value. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

26 Posts

El Shay posted this 24 June 2019

BRILLIANT !! It works a treat

Excellent workaround

s-)

BRILLIANT !! It works a treat Excellent workaround s-)

Support Team posted this 24 June 2019

Hi Shay,

You are welcome. Feel free to contact us on any occasion.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Shay, You are welcome. Feel free to contact us on any occasion. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Can I give a SUB MENU a different background color in Button Popup (Mobile menu)?

Company

Product

Themes & Templates

Nicepage

Web Design