Solved Templates

Changing the Macro Template Menu Bar Color

Asked by Hung SW 3 years ago Last activity 3 years ago

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago · edited

If I may...

you have to add also that Custom CSS, you can use solid white:

#sp-header {background-color: white;}

OR very light grey

#sp-header {background-color: whitesmoke;}

and to make menu items dark (black) - add also that line:

#sp-menu .sp-megamenu-parent > li > a {
  color: black; }

3 more replies

Hung SW Asked this

Hi,
Thanks for your reply.

Yes I want to change the header color to white.

I went to the SP Page Builder, open my Home page, it onlys have 5 items on the verticle tool bar: Addons, Layers, Layouts, Media and Options. Is this the correct place? I don't have the Preset, Menus, Typography, Blog, and Custom Code items in your image. I can only find these items in Template Style, but there is nowhere that I can change the header color.

Mehtaz Afsana Borsha Staff

Not page builder you have to change it from template settings, Please follow this screenshot below:

https://prnt.sc/QMKEBWczQCkm

OR you can give me your super admin access so that I can help you.

Hung SW Asked this

Thanks v much for the suggestions.

The custom css method works fine for me.
In addition, how can I change the Hamburger menu icon to black?

Paul Frankowski Senior Staff

#offcanvas-toggler > i {color: black;}

Hung SW Asked this

Thank you!

Log in to reply.