Premium Theme Support › Themes Kingdom › Ippo

Enable Sticky header on Mobile

  • Author
    Posts
  • #145849
    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)

    #145984
    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.