Menus on Mobile View

Hello folks

I am trying to format my menus in the smaller breakpoints for mobile use, and could do with some help please.

In the screenshot above, I can find no way to change the colour of the side panel pane. The royal blue is okay but would like to be able to tweak it.

More importantly, I would like to indent items on the active menu for clarity. So in this example “Real Results” is activated and I would like to indent the contents of that menu, ie the 2 items “Before & After”, and “Client Reviews”. At the moment it’s a bit confusing.

I think there’s a class I can’t find. I can format the text in the Menu link with .navbar-nav li a, but not the menu items which appear under the link. I have searched up all the classes with “nav” in the title but they don’t do it either.

Your advise is warmly appreciated

Went for a drive and realised I should have been using the a class with "menu in the title, .dropdown-menu to be exact.

I used padding, margin didn’t do anything, and indent doesn’t carry over if there is more than one line for the link.

Bit confusing that the rest of the text controls are in “navbar-nav li a” for these menus

Thanks for reading

1 Like

Go to class manager, then subclass dropdown, and in the special Navigation menu you should see a class for ‘Special Nav background’. That will change your menu colour

1 Like