Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 2, 2022 at 6:34 pm #1338522
    rixi

    Hi,
    i made a new webside and on the desktop it looks right. On a laptop the navigation goes over the logo and there is just half of the picture in the rasterlayout visible.Is there a special setting that it looks good on both?

    Thanks a lot for your help.:)
    Rixi

    February 3, 2022 at 7:58 am #1338624
    Ismael

    Hey rixi,

    Thank you for the inquiry.

    We could decrease the font size of the menu items and adjust the width of the logo on screens that are smaller than 1366px. Please add this code in the Quick CSS field or in the child theme’s style.css file.

    @media only screen and (max-width: 1366px) {
  #top #header .av-main-nav>li>a {
    font-size: 13px;
  }

  .logo img, .logo svg {
    max-height: 75px;
    top: 10px;
  }
}

    Best regards,
    Ismael

    February 3, 2022 at 5:40 pm #1338751
    rixi

    Hi Ismael,
    thats great! Thanks a lot!
    And how is it possible to see the pictures in the right size? There is quiet a lot of space on the right side of the picture, but there is just half of the old woman to see.
    How can that look right?

    Many greetings rixi

    February 4, 2022 at 7:06 am #1338818
    Ismael

    Hi,

    No problem. Regarding the background, did you set the background position of the grid row cell to “center center”? You can also adjust the background position with css.

    .flex_cell.av-9qpu20-9d03b03ffbaa1cfda145571dfff9b0b6 {
    background-position: 50% center !important;
}

    Best regards,
    Ismael

    February 4, 2022 at 9:29 am #1338833
    rixi

    Good morning Ismael,
    perfect :)!!!! Thanks a lot, that was a big help!!!!!

    Many greetings
    rixi

    February 4, 2022 at 1:05 pm #1338892
    Ismael

    Hi,

    No problem. You may need to adjust this position again on smaller screens. For that, you can use css media queries.

    Example:

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .flex_cell.av-9qpu20-9d03b03ffbaa1cfda145571dfff9b0b6 {
    background-position: 30% center !important;
  } 
}

    If you need more help, please feel free to open another thread. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Layout looks not right on laptop, half picures, navigation is not right’ is closed to new replies.