How can I adjust image size for mobile viewing versus desktop?

Hello, I’m sorry for writing too many times, but my problem isn’t solved. I have a problem with a picture on a phone. It’s not perfect as it is on a pc. It’s too big for a phone, and I want it to be a good size for a phone as it is for a pc. I will send a picture down and you will see the picture on a phone, and on the desktop(pc).

URL to my site: https://mladenmladjo77.myshopify.com/

Password for the site: inoweb

Hi @batica1515 ,

I would suggest have a landscape photo for desktop and the portrait photo for mobile. You can create a section that would be specific for the desktop and/mobile. Check the video below

@made4Uo

Hi, I tried the solution, and my picture is changing as I reduce the window. But my picture on mobile is still too big.

@batica1515 ,

I still your mobile image as a landscape. Create a portrait image for mobile

This is what I am trying to say below. Create two images, change the size for landscape and portrait

Thank you, It finally works! But how to now remove this second slide show from the site?

Hi @batica1515 ,

Use this video tutorial to add the functionality

Can you please tell me what is the minute on the video for add the functionality?

Here you go https://youtu.be/dvf1zq7gVV8?t=117

Hi @made4Uo , am I the only one who can see that second slide or everyone can see it? Because I just want to have one slide show that is perfect on a phone and desktop. Just one that is on the top of the page and matches the size for mobile and desktop. If everyone can see that second slide then that’s not it.

@batica1515 ,

If you set it up to hide in certain devices, you should be able to see it in the theme editor but not when you open your website in the browser and change the screens

How can a set it up?

Hu @batica1515 ,

You use the theme editor to set it up. Please watch the video for more information

Do you mean customize button on a theme or some app? And I can’t find anything in the video.

Hi @batica151,

If you open the theme editor, find the section where you added the code, there should be a settings to hide on mobile, or desktop or not. Please check you theme editor, it is not a button, it is a drop down. The video shows exactly what to do

Hi, @made4Uo

I don’t know if you understand me. I want my picture to be good on mobile and on pc, but I don’t want to have 2 slideshows, I just want one that’s good on both devices.

@batica1515 ,

Yes, you will have to add two slideshows but it will show one in each device, as explained in the video. You cannot have one picture fits all, since every device have different screen size.

@made4Uo

Is the part where you are removing visibility in the video, and if is, what is the time?