How to make "Image with text" Banner (not using text) desktop to also suit a mobile view display?

New Member
5 0 0

Hi can anyone help me? 

I'm using the Debut theme and have designed my website to suit desktop (wide mode) but now opening it in mobile mode it doesn't look as good as is very small is display (Tall mode). Is there a code I need to get it to automatically switch out the image to suit a portrait mode for mobile? I have tried a few but none have worked so far. Please see issue below.

Screen Shot 2020-09-29 at 1.35.04 PM.pngScreen Shot 2020-09-29 at 1.34.52 PM.png


I would so appreciate your help as am very stuck! Launch date is soon!



Send me the URL please.

what is the issue in mobile version?

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: | Skype : oscprofessionals-87
New Member
5 0 0
my url is

password is: hello

I found that choosing the 'Fixed Width' layout in the sections settings
sorted the cropping issue.. although the layout has a lot of white
space/border around it with this option and I don't like how it looks.

I prefer the look of the 'Full Width' layout setting but then it crops out
my graphic on the desktop view...Is there any other option?

Also do I have the option to adjust the space between my graphic and
"launch collection" title or is this just the constraints of using a

Thanks in advance!

[image: Screen Shot 2020-09-30 at 3.10.38 PM.png]