Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2024 at 9:45 am #1462943
    Jak73

    Hi,
    i have an issue with a wrong padding in responsive view.
    The distances between the menu and the dividing line below it are shifted. This error does not occur in the entire responsive mode, but only in a specific area. I have made two screenshots that show the problem.
    How can I fix this?
    kind regards
    Jak

    July 25, 2024 at 11:01 am #1462956
    Rikard

    Hey Jak73,

    You can simply change the values in your media queries, like this:

    @media (min-width: 600px) and (max-width: 767px) {
  .avia-image-container.gallerie-image img {
    max-height: 450px;
    margin-top: 35px !important;
    margin-bottom: 18px;
  }
}

    Could be made to apply to larger screens like this:

    @media (min-width: 600px) and (max-width: 990px) {
  .avia-image-container.gallerie-image img {
    max-height: 450px;
    margin-top: 35px !important;
    margin-bottom: 18px;
  }
}

    Best regards,
    Rikard

    July 25, 2024 at 12:26 pm #1462965
    Jak73

    Hi Rikard,
    yes, that works, but there is still no space between the burger menue and the border below in this resolution.
    How can i add the space there in this specific responsive view?
    kind regards
    Jak

    July 25, 2024 at 7:04 pm #1462988
    Rikard

    Hi,

    Try changing this media query to 990 as well:

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .av-logo-container {
    height: 50px;
    line-height: 50px;
  }
}

    Best regards,
    Rikard

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