Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 15, 2022 at 4:21 pm #1365161
    jeel147

    Hello, is there a way to set the margin for the element below the header for mobile and tablet?

    for example: on the page /overmij
    it looks alright on a pc
    on a tablet the picture goes shifting under the header for a part.
    but as soon as i turn the tablet in a vertical position there is no problem.

    if you see the page /links
    the margin between header and textelement below it is much too big on a mobile. And also on a tablet.
    but again not if i turn the tablet horizontal.
    so this must be related to the screen size.

    how to set margin for the space below the header for lets say 990 px screensizes?
    best regards, jeel147

    September 16, 2022 at 9:41 am #1365220
    Ismael

    Hey jeel147,

    Thank you for the inquiry.

    We checked the site but we couldn’t see any layout issues with the header. Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot.

    To apply a consistent height to the header on tablet view, you can use this css code.

    @media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive.html_mobile_menu_tablet #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    height: 90px;
    line-height: 90px;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

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