Enable Sticky header on Mobile
- The topic ‘Enable Sticky header on Mobile’ is closed to new replies.
Need help? Check out our Support site, then
When we select the option “enable sticky header”, this works on desktop, however its not sticky when viewing on mobile devices! Please help!
The blog I need help with is: (visible only to logged in users)
Hello,
To make header fixed on mobile devices, please add this class to Custom CSS:
@media only screen and (max-width: 767px) {
.sticky-header .site-header {
position: fixed;
}
.single .site-content, .blog:not(.fullwidth-slider):not(.carousel-slider) .site-content, .page .site-content, .search .site-content, .search.infinite-scroll .site-content, .archive .site-content {
padding-top: 90px;
}
}
Thank you,
– Djordje