Enable Sticky header on Mobile

  • 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

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