Changing The Macro Template Menu Bar Color - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Changing The Macro Template Menu Bar Color

HS

Hung SW

Template 2 years ago

Hi,

I want to change the menu bar background color from black to white.

I followed the documentation provided and updated the custom css, it only changed the menu bar color after scrolling down. (https://www.joomshaper.com/documentation/joomla-templates/macro/menu-colors)

Kindly advise. Thank you.

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #128275

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; }
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #128127

Hi

Thanks for contacting us. Do you want to change header color?

https://prnt.sc/JPzgRMVhcSPr

You can change it from here:

https://prnt.sc/QMKEBWczQCkm

-Regards.

0
HS
Hung SW
Accepted Answer
2 years ago #128135

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #128265

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.

0
HS
Hung SW
Accepted Answer
2 years ago #128351

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?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #128355

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

0
HS
Hung SW
Accepted Answer
2 years ago #128533

Thank you!

0