Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #860365

    Hello. How do we get this setting to flow to devices of ALL size? With this setting, the header appears no matter what, on devices smaller than iPad portrait.

    Thanks.
    Ryan

    #860749

    Hey Ryan,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header.av_header_scrolldown.av_header_transparency {
        opacity: 0;
        margin-top: -250px !important;
    }}
    

    Best regards,
    Yigit

    #860756

    Hello. The menu gets removed, but it only reappears again for a split second and that’s after you scroll down a bit and then scroll all the way back to the top. Once you scroll all the way back to the top the menu flashes and then disappears again.

    Thanks,
    Ryan

    #862090

    Hi,

    I have loaded the site and I can not see that behavior you describe

    Best regards,
    Basilis

    #862099

    Pull up the home page. You’ll see the header. I have the page set to not show the header until scroll.

    #863128

    Hi,

    Please post the login details in the private field so that we can test the css modification above.

    Best regards,
    Ismael

    #865499

    Posted

    #866092

    Hi,

    Thank you for the info. We added the following css codes.

    @media only screen and (max-width: 767px) {
      .html_header_scrolldown.responsive #top #wrap_all #header.av_header_scrolldown.av_header_transparency {
          opacity: 0;
          margin-top: -250px !important;
      }
    
      .html_header_scrolldown.responsive #top #wrap_all #header { 
        position: fixed; 
        top: 0; 
      }
    
      .html_header_scrolldown.responsive #top #wrap_all .main_menu {
          top: 20px;
      }
    }

    Best regards,
    Ismael

    #866305

    We’re getting pretty close, thanks.

    How do I get this to only apply to pages where “Header is invisible and appears…” is set? Right now, it applies to all pages.

    NOTE: I removed the following because it caused the hamburger menu to not be centered horizontally.

    .responsive #top #wrap_all .main_menu {
    top: 20px;
    }

    #866309

    I’ve also temporarily taken out the rest of the supplied CSS.

    #866947

    Hi,

    How do I get this to only apply to pages where “Header is invisible and appears…” is set? Right now, it applies to all pages.

    We added the “html_header_scrolldown” selector to the css modification above.

    Best regards,
    Ismael

    #867047

    Awesome stuff! Thank you very much.

    #867308

    Hi,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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