Shopify themes, liquid, logos, and UX
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?
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
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.
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.
Hi,
I just changed it to your suggested dimensions and it's chopping it off.
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.
The issue is on desktop. Anything over 200px in height on the 'small' banner setting is cut off.
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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025