Adjusting the web and mobile version of the website

Hello,

I am having troubles adjusting the picture banner of the mobile version of my website.

Already tried some of the solutions suggested in previous threads, but the picture still looks cut on the mobile view.

Also, there are issues with the photos with the second slideshow (2nd from bottom to top), on the desktop version.

Again the full pictures are not being displayed, but are like zoomed. I have tried with different sizes, but the result was the same.

The URL is marcebikini.com

Hi @Marcebikini ,

You cannot really have the same image ratio on both mobile and desktop, since mobile screen size is portrait, and desktop screen size is landscape. If you image is not cut out, it will be stretch. The solution I found so far is to specify a section for desktop and mobile. You will end up two sections in your theme editor, but it will only show to corresponding screen size as what you set on your theme editor. Please follow the video instructions to add this functionality.

This video I mean

Thank you for this suggestion!

I will try it out tonight and will let you know if it worked.

How would I be able to also resolve the issue with the pictures on the 2nd slideshow (from bottom to top)?

They seem to be zoomed too much and the whole picture does not get displayed.

This is an issue on the desktop version.

1 Like

Hi @Marcebikini ,

For desktop, your image ratio should be landscape.