ive enabled sticky header. sticky has a white transparent background. how can i set the non-sticky header to the same background i put via css? as i see theres some JS function which would override any CSS on my part.
is there a setting im missing? how would i achive that? heres a example of what i want the header to look in the end:
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though :)
Please add the code below to your Custom CSS area:
ive enabled sticky header. sticky has a white transparent background. how can i set the non-sticky header to the same background i put via css? as i see theres some JS function which would override any CSS on my part.
is there a setting im missing? how would i achive that? heres a example of what i want the header to look in the end:
https://www.om-tara.de/
i know i can set the whole thing to for example
is there a way i can set the "start" color or opacity individualy?
e.g.: non sticky = opacity 0.5
sticky = opacity 0.85
thank you
Hi NadjaZe,
This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though :)
Please add the code below to your Custom CSS area:
header.site-header.main-header.menu-type-standard-menu.is-sticky.sticky-absolute.sticky-initialized.sticky-active { background-color: rgba(255, 255, 255, 0.50); } header.site-header.main-header.menu-type-standard-menu.is-sticky.sticky-absolute.sticky-initialized.sticky-active.sticky-fixed.sticky-above { background-color: rgba(255, 255, 255, 0.50) !important; }Have a great day!