Unstick the header on mobile devices?

Hey,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

@media only screen and (max-width: 769px) {
.html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
    position: relative;
}}

Best regards,
Yigit

Hi,

Please try using the code as following

@media only screen and (max-width: 769px) {
.html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header {
    position: relative!important;
}}

If it still does not work, please create temporary admin logins and post them here privately so we can look into it.

Best regards,
Yigit

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Best regards,
Yigit