Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 20, 2023 at 11:30 pm #1405096
    Capo1200

    Hi all,
    is there a way to disable the sticky header setting for tablets in landscape mode? (tablet landscape = mobile landscape)
    Sticky header is covering 30% of the site when in landscape mode. (tested with Samsung S5/S6 tablet)
    Already searched in the support forum and tried different things, but nothing worked.

    Best,
    Oli

    April 21, 2023 at 6:22 pm #1405194
    Nikko

    Hi Oli,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:1080px) {
  .html_header_top.html_header_sticky #header {
    position: absolute !important;
  }
}

    Best regards,
    Nikko

    April 21, 2023 at 10:14 pm #1405207
    Capo1200

    Hi Nikko,
    tablet landscape is ok when I set max-width to 1140px, then the code works ,but mobile responsive totally broken (portrait and landscape) and also tablet portrait view.
    changed your code to:
    @media only screen and (min-width:797px) and (max-width:1140px) {
    .html_header_top.html_header_sticky #header {
    position: absolute !important;
    }

    Now tablet (portrait, landscape) is ok, mobile portrait also, but mobile landscape content after header is now covered from header.
    How can I apply a top margin only for mobile landscape for content and

    Best,
    Capo1200

    • This reply was modified 2 years, 6 months ago by Capo1200.
    April 23, 2023 at 10:03 pm #1405313
    Mike

    Hi,
    To add the top padding for landscape mobile try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 768px) and (orientation: landscape) { 
	.responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 88px !important;
}
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 28, 2023 at 12:07 am #1405883
    Capo1200

    Hi Mike,
    thanks a lot, works!

    Best,
    Capo1200

    April 28, 2023 at 6:01 am #1405908
    Ismael

    Hi,

    Great! Glad to know that the solution is working. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘disable sticky header for tablet landscape’ is closed to new replies.