Website Building » Shopify » How Do I Resize My Banner on Shopify?

How Do I Resize My Banner on Shopify?

Last updated on January 8, 2023 @ 4:02 pm

There are a few different ways that you can resize your banner on Shopify. The first way is to use the built in settings within Shopify. To do this, simply go to the “Settings” tab and then click on “File Uploads.”

From here, you will see a section for “Banner Image.” Simply click on the “Upload Image” button and select the image you wish to use as your new banner. Once you have selected your image, you can then adjust the width and height settings to fit your needs.

Another way to resize your banner is by using HTML. This can be done by adding the following code to your theme’s HTML file:

<p style="width:100%;height:200px;">

<img src="YOUR IMAGE URL" width="100%" height="100%">

</p>

simply replace "YOUR IMAGE URL" with the URL of the image you wish to use. You can also adjust the width and height values to fit your needs.

PRO TIP: If you are not familiar with HTML or CSS, we recommend that you hire a Shopify Expert to help you with this.

Yet another way to resize your banner is by using CSS. This can be done by adding the following code to your theme's CSS file:

#header {

background-size: cover; /* Resizes image */     background-image: url(IMAGE URL); /* Changes image */     background-position: center center; /* Positions image */

}

again, simply replace "IMAGE URL" with the URL of the image you wish to use.

no matter which method you choose, make sure that you save your changes before exiting out of the file

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.