Join us today @ 1pm EDT for an AMA with 2H Media: Holiday Marketing for Your Shopify Store and have your marketing questions answered by marketing experts 2H Media | Plus watch the 2H Media AMA Livestream on Twitch!

My first image banner its small on mobile view i want to put it bigger

My first image banner its small on mobile view i want to put it bigger

Ddsdssds
Tourist
13 0 4

I want to put this image bigger on mobile view maybe half the page but doesnt stretch the image the image is the first on the main page, alpha-titan.com

Reply 1 (1)

StephensWorld
Shopify Partner
1398 173 363

The image you're using is in landscape orientation (wider than it is tall), at 1500x1000px. 

 

That can fill the screen on desktop, but isn't going to fill the screen on mobile, without stretching it (even if someone did provide some custom coding to make it fill a larger space). 

 

Most premium Shopify themes have an option to upload a secondary mobile image (right under where you uploaded the main/desktop image). It's best practice to use a secondary image for mobile, that's in 'portrait' orientation (longer than it is wide), rather than using the same image that you're using on desktops. 

 

If your theme doesn't have this functionality built into, I'd recommend switching to a theme that does. You can add the 'demo' versions of themes to your store (before committing to purchasing them) to see what features/options are built into it. 

 

With all that said, if you want to stick with your current theme (and if your current theme doesn't have the option to upload a secondary mobile image), then you could try playing around with the sizing of the image, to see if you can find a better size for working on both desktop & mobile. 

 

Maybe try using an image that's perfectly square (ex. 1500x1500). 

 

Cheers,

Stephen

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca