Header and slider not responsive

Hey maisonutopies,

Thank you for the inquiry.

If you need the background image of the header to be fully visible, you can add this css code:

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

  /* Add your Mobile Styles here */
  .header_color .header_bg {
    background-size: contain;
  }
}

And if you want the background image to cover the header container, you can use the following css code but this will slightly distort the image.

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

  /* Add your Mobile Styles here */
  .header_color .header_bg {
    background-size: 100% 100%;
  }
}

For the slider, you can try the Full Width Easy Slider if you need the slider image to be fully visible.

Best regards,
Ismael

Hi,

Glad to know that the header background is resizing correctly now. As for the slider, consider using the Fullwidth Easy slider, or alternatively, add another slider and ensure the images are resized specifically for mobile view. You can control the visibility of the sliders on various screen sizes by adjusting the options in the Advanced > Responsive > Element Visibility section.

Best regards,
Ismael

Hi,

Thank you for the update.

The images are resizing correctly when we checked the site on smaller screens, but the size of the captions is a little too large for the slider. You can adjust the Caption Title Font Size and Caption Content Font Size for different screen sizes in the Styling > Font Sizes toggle.

Best regards,
Ismael

Hi,

The Styling > Font Sizes settings can be found in each slider item of the Full Width Slider element. Please let us know if you need further assistance.

Best regards,
Ismael

Hi,

1.) We recommend increasing the font size slightly from the default of 14px. Perhaps 16px or 18px would be ideal, but the choice depends on your preference.

2.) Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox.

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thanks for the update, let’s continue in your other thread.

Best regards,
Rikard