Sticky Header hide on Mobile

  • Resolved paprikacreative

    (@paprikacreative)


    7 years, 6 months ago

    I have been extremely happy with this plugin.
    Question: Is there a way to hide the sticky header on mobile? My client wants to keep it on the desktop and medium size devices. I have a custom header set up using the hide/show elements with Beaver Builder.

    Thank you

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Nikhil Chavan

    (@nikschavan)

    Hey @paprikacreative,

    Just add folowing CSS to your site and this will disable sticky header on tablet and mobile – 

    @media screen and (max-width: 768px) {
    .bhf-sticky-header .bhf-fixed {
        position: static;
        box-shadow: none;
    }

    .bhf-ffixed-header-fixer {
        display: none !important;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Sticky Header hide on Mobile’ is closed to new replies.

Tags