How to make changes in header in scrolling mode

Hey landhausaustria,
Please link to your page so we can examine it and make a recommendation.

Best regards,
Mike

Hi,
Thank you for the link to your site, when I check your logo it hangs out of the header and over the page content on desktop and mobile, please see the screenshots in the Private Content area.
As I read your original post again you seem to be asking about the scrolling mode of the mobile header, but on mobile devices the header is not sticky or fixed by default and I don’t see any customization to make the mobile header fixed, is this what you are asking for?
If so try this css:

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

.html_header_sticky #top #header_main .container,
.html_header_sticky #top .main_menu ul:first-child>li a {
    height: inherit !important;
    line-height: inherit !important;
}
.html_header_sticky #top #wrap_all #main {
    padding-top: 119px !important; 
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#header #header_meta {
    z-index: 1;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Glad to know that the solution is working! Thanks to @Mike. Please let us know in a different thread if you have more questions.

Have a nice day.

Best regards,
Ismael