How to adjust banner dimensions for a small size in Spotlight theme?

How to adjust banner dimensions for a small size in Spotlight theme?

Scotty24
Tourist
13 0 0

Hi, 

Can't seem to figure this out. I want a 'small' banner at the top. Every time I design a banner and upload it, it gets cropped. It's fine on medium or large banner, but I want small. The only height that seems to not get cropped is 200px which is small resolution and comes out blurred.

 

Any suggestions?

Replies 7 (7)

DigiDecoded
Shopify Partner
162 19 18

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
Scotty24
Tourist
13 0 0

https://doggo-zone.com/ 

pass: zeipia

 

I've looked at tutorials and they're all using like 1000px etc. I just want the 'small' banner but there are no size details for it, just aspect ratio guidelines of 3:2  which doesn't fit.

Natasha-Saed
Shopify Partner
462 50 86

Hi,

 

Use the banner with size 1920 x 400px it will give you a high resolution and will not maximize on the screen and get blurry.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
Scotty24
Tourist
13 0 0

Hi,

I just changed it to your suggested dimensions and it's chopping it off.

DigiDecoded
Shopify Partner
162 19 18

try to used two different banner. one for mobile and one for desktop for best result. usually i used two different banners for my clients stores.

Danish | Full Stack Developer @ Esire.Inc
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Hire me for your next task! | Email | WhatsApp | Website
Scotty24
Tourist
13 0 0

The issue is on desktop. Anything over 200px in height on the 'small' banner setting is cut off. 

DolenDeori
Shopify Partner
1 0 0

Hi @Scotty24 i guess you should keep the aspect ratio of the image same instead of pixels, 200px height is very low resolution for a desktop banner image. I will suggest just design the banner normally at 200px height but when your export, export it in 2x or 3x format it will keep the aspect ration same and improve the image quality of the banner.