Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 29, 2023 at 3:01 pm #1402919
    melanie_erfrischt

    Hi,

    I´m using colour sections with background images but have a problem, that they are cut off in responsive view.
    Do you have an advice how I can solve this problem? I tried to use 2 colums instead but the image was cut off too.

    Best regards,

    Melanie

    March 31, 2023 at 5:54 am #1403082
    Ismael

    Hey melanie_erfrischt,

    Thank you for the inquiry.

    The images that you are using is a bit large for the container. Please try to resize the images to 1920x1080px or make sure that the aspect ratio of the images is around 16:9.

    We can also apply a few css modifications to adjust the position of the background on mobile view.

    Example:

    @media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
  #top .avia-section.av-lff8unmf-2678f383dfbacf0537876fe0e62693e6, #top .avia-section.av-bd7bhr-b90ae258f0a42cfd6ae2a7608b5a84d1 {
    background-position: 10% 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.