Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 4, 2022 at 12:41 pm #1347127
    Alwin

    I am using a sticky header for a new website. The sticky header is disabled by default on mobile screens which is fine be me,. However, I would also like to disable the sticky header on a iPad landscape (width 1024px) screen.

    How can I do that?

    Thank you very much for your help :)
    Alwin

    April 5, 2022 at 9:07 am #1347214
    Ismael

    Hey Alwin,

    Thank you for the inquiry.

    You can add this css code in the Quick CSS field to disable the sticky header when the screen width is less than 1024px.

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
  .responsive.html_mobile_menu_tablet #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }
}

    Best regards,
    Ismael

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