How can I adjust image size and center it on mobile and desktop view using Debut Theme?

Store Design
1

Hello,

I am trying to make the image in the “Image with text” section bigger on mobile and desktop views. I am using the debut theme. I have the following code added to the top of my theme.css file.

support_new.jpg
support_new.jpg1216×235 21.6 KB

The problem with the code above is that it only works for desktop, and not mobile. So, I changed the top code to:

support_new1.jpg
support_new1.jpg1212×237 23 KB

Now the problem is that this code only works for mobile, and not desktop. AND, the image on mobile seems to be off-center. I tried to center the image with everything I could, but it doesn’t seem to work. If someone could please help, I need the image to be larger on the mobile and desktop view, As well as for it to be centered on mobile view. I would greatly appreciate anyone’s help!

Note: The website is still under development, and thus I am not able to share the URL. Hope you understand.

2

@yousef24

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@KetanKumar Thank you for your reply! Please check your email.

4

@yousef24

thanks got it you email

you have just remove image blank spacing and upload image that’s it doesn’t required to any code