Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 5, 2017 at 1:36 am #860365
    WP Turned UP

    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

    October 5, 2017 at 8:32 pm #860749
    Yigit

    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

    October 5, 2017 at 9:02 pm #860756
    WP Turned UP

    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

    October 9, 2017 at 8:33 pm #862090
    Basilis

    Hi,

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

    Best regards,
    Basilis

    October 9, 2017 at 8:51 pm #862099
    WP Turned UP

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

    October 12, 2017 at 5:02 am #863128
    Ismael

    Hi,

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

    Best regards,
    Ismael

    October 18, 2017 at 1:41 am #865499
    WP Turned UP

    Posted

    October 19, 2017 at 6:50 am #866092
    Ismael

    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

    October 19, 2017 at 4:50 pm #866305
    WP Turned UP

    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;
    }

    October 19, 2017 at 4:55 pm #866309
    WP Turned UP

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

    October 21, 2017 at 5:19 am #866947
    Ismael

    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

    October 21, 2017 at 2:48 pm #867047
    WP Turned UP

    Awesome stuff! Thank you very much.

    October 22, 2017 at 9:01 pm #867308
    Victoria

    Hi,

    Glad we could help :)

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

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