Hello,
I’ve searched the forum and have not found a working solution.
Issue – Can not change background color for the menu bar 100% width when the header is set to shrinking and sticky.
Logo is centered with menu centered below it.
* Creds in private
Hey Julie,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header.header-scrolled-full .header_bg {
background-color: #ccc;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
I just tried it and even tried !important and clear server cache. Nope – didn’t work. Creds are in private.
j
Hi welswebmaster,
I added some css to the code I gave you before. Please check.
Best regards,
Victoria
Hi Victoria,
Thank you! That worked. Please tell me so what CSS you added so that I understand and others may benefit as well.
Kind regards,
j
Hi welswebmaster,
Here is the code:
#top #header.header-scrolled-full .header_bg,
#top #header.header-scrolled .header_bg {
background-color: #40404c !important;
height: 108px;
}
#top #header {
min-height: 108px;
}
Best regards,
Victoria