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

Highlighted
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!

0 Likes

Hi..  

Send me the URL please.

what is the issue in mobile version?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
5 0 0
my url is https://bellsandwhistlespooch.com/

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
template?

Thanks in advance!

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