Enable Sticky header on Mobile

  • indraneel · Member ·

    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)

  • djordjegrubac · Theme Author ·

    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

  • The topic ‘Enable Sticky header on Mobile’ is closed to new replies.