Full width background image in colour section

Hey photographie-tous-azimuts,

Thank you for the inquiry.

This is possible by setting the background image size to 100%, but the image may become distorted. We recommend resizing the image to have a 16:10 aspect ratio, or as close as possible to the aspect ratio of the container you plan to use. Then set the Styling > Background Image > Background Repeat to “Stretch to fit”. Unfortunately, the image may still be partially cropped on some screen sizes.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried using the Fullwidth Slider? You can also try this css to limit the size of the color section on smaller screens.

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  #top .avia-section.av-zjsv-901082093e6d72f3482787541e1c8070 {
    max-height: 200px;
    background-size: contain;
  }
}

You may also need to adjust the elements inside the color section. We recommend applying custom css class names to the elements inside the text block, as they are custom coded, so you can modify their style for smaller screens.

Best regards,
Ismael