is it possible to have the menu with logo and toggle menu button to be fixed when scrolling down?
Hey,
Just add this on your custom.css or Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #top #header {
position: fixed;
}
}
Remove browser cache then reload the page.
Cheers,
Ismael
Try following css code – insert it into the quick css field
.responsive #top #header {
position: fixed !important;
}
.responsive #top #main {
padding-top: 100px !important;
}
You probably need to change the padding top value – it depends on your menu height and it can vary from website to website.
thanks but I want it to be sticky once the browser window reached logo+menu part
Hey,
What do you mean by “window reached logo+menu part”?
The code above should render the header fixed when viewing on mobile device.
Regards,
Ismael
No I mean I only want the Enfold logo and the toggle menu part to be fixed. Not the part with the social media icons
Hi f dech,
Unfortunately not without a good bit of additional customization. There will need to be some javascript to detect when the window hits the spot where the secondary header section is and then switch the fixed position to on at that point.
If its a must have feature for you I recommend looking into a freelance developer.
Regards,
Devin
ok devin thank you very much, I will look into that ;) and get back at you to share.