Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 5, 2019 at 12:24 am #1107316
    jamesgeiger

    Hi everyone,

    There’s an option within any page where you can choose various header display options – which work just fine provided you’re not viewing on a mobile device. For example, on one page of our site we specify that the header be invisible until the visitor swipes. But on mobile the header shows up regardless. Is there a way (or a plug-in) to turn off the header display on mobile?

    June 5, 2019 at 9:55 am #1107449
    Yigit

    Hey James,

    Would you like to hide header on pages where you chose to display header on scroll?
    If so, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
@media only screen and (max-width: 768px) {
#top .av_header_scrolldown.av_header_transparency { 
display: none !important;
}}

    Best regards,
    Yigit

    June 5, 2019 at 11:16 pm #1107761
    jamesgeiger

    Yigit that’s perfect. Thank you!

    June 6, 2019 at 7:03 am #1107838
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.