Tagged: mobile header, sticky header, transparent header
Dear all,
I am using a sticky mobile header on a page that is set to transparent header (with regard to desktop screens).
The problem of this combination is, that the sticky mobile header on scroll down gets transparent for a short moment until it gets solid again. I want it to remain solid (i.e., deactivate header transparency on mobile screens).
Please have a look of what I mean here: https://www.dental.one
Do you have a solution to this problem? Thanks in advance!
Best,
Hagen
Hey HagenWittig,
Can you disable caching and minification for now?
Best regards,
Victoria
Dear Victoria,
I am very sorry, but I somehow missed your answer entirely. My excuses!
In order not to disable caching and minification for too long, would you mind to disable it yourself when you are looking at the issue? Please find the login credentials in the private content section.
Thanks in advance!
Best regards,
Hagen
Hi HagenWittig,
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
@media only screen and (max-width: 767px) {
#top .av_header_transparency .header_bg {
background-color: #cfd5d3;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Dear Victoria,
This works excellent. Thank you so much. Who would have thought it was that easy! :-)
Best,
Hagen
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon