Website Building » Shopify » How Do I Make My Banner Fit on Shopify?

How Do I Make My Banner Fit on Shopify?

Last updated on October 1, 2022 @ 1:32 pm

There are a few ways to make sure your banner fits on Shopify. One way is to make sure the dimensions of your banner are correct. Another way is to use the “Stretch” option in the “Banner Size” settings.

PRO TIP: If you are using Shopify to create a banner for your website, be aware that the size of the banner may not be optimal for all devices. Make sure to test your banner on all devices, including mobile devices, to ensure that it is legible and easy to navigate.

To make sure your banner dimensions are correct, go to “Edit HTML/CSS” under “Themes” in your Shopify admin. In the “Assets” folder, open up “theme.scss.liquid”. Find the “#shopify-section-header” rule and make sure the height is set to 260px and the width is set to 100%.

If you want to use the “Stretch” option in the “Banner Size” settings, go to “Settings” > “Checkout” in your Shopify admin. In the “Banner Image” section, select “Stretch” from the drop-down menu. This will make your banner image fill the entire width of the page.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.