How to change my store's logo and banner?

To change your logo:

1. From your Shopify admin, go to Online Store > Themes and click "Customize" on your current theme.

2. In the theme editor, click on the gear icon to open the "Theme Settings", then expand the "Logo and favicon" section.

​

3. Click on the box to add a new image and upload your new logo.

4. Adjust the logo height for desktop and mobile if needed.

5. If you'd like to change the logo's position on the menu, hover your mouse over the logo. Click on the blue pop-up for "Logo & Menu".

6. On the settings menu on the left, you can change the logo's position to left, center, or right.

7. If you want to hide the logo, hover your mouse over the logo and click on the "Logo" blue box. You'll see the option to hide the logo on the left:

8. Don't forget to save your changes!

To change your banner:

1. In the same theme editor, navigate to your homepage, hover your mouse over the banner you wish to edit, and click on "Slide."

​

2. The Slide settings will open on the left. Look for the Image setting and click "Change".

3. Upload your new banner or choose from your files.

4. Adjust positioning and other settings as needed. You can play with the layout and appearance settings to improve your banner.

5. If you want to edit the second banner, click on the pagination (the dots at the bottom of the banner) to switch to the second banner page, then open the "Slide" settings.

6. You'll find more banner settings in the Slideshow section. The changes you make here will apply to all the slides (banners) you have.

7. If your banner is not adjusting properly or it's getting cropped, you can try changing the width and height.

8. You can add as many slides/banners as you need! To do this, open the homepage, and on the left menu, you'll see all the templates and sections automatically. Expand the Slideshow section, and click on "Add block".

​

9. It will automatically give you a Slide option for a block. Just click on it.

10. Don't forget to save all the changes!

Good clarification — that reframes it as a real trade-off rather than Hero Banner just having fewer features. Here's the revised section:

Slideshow vs. Hero Banner: which one should I use?

BuildMyPOD sets up your store with a Slideshow banner by default — this is the banner type covered in the steps above. Shopify themes also offer a Hero Banner section, and some store owners prefer it.
​
The right choice depends on what matters more to you: separate mobile/desktop images, or a fully clickable banner.
​

Slideshow (default)

• Lets you upload a separate image for desktop and mobile — so each device gets an image sized and cropped exactly right, instead of one image trying to work for both
• Supports multiple rotating slides, each with its own image, text, and button
• Best if you want to promote more than one thing, or want full control over how the banner looks on mobile vs. desktop

Hero Banner

• The entire banner is clickable as one link — no button needed, which gives a cleaner look for a single promotion
• Only one image, and it has to work for both desktop and mobile — no separate mobile image field, so you're relying on focal point and cropping to make it look right on both
• Only supports one image — no rotating between multiple promotions

If you want a clickable banner but prefer to stay on Slideshow, add a Button block to the slide and link it to your desired page. It won't make the whole banner clickable, but it gives you a working CTA without giving up the desktop/mobile image split.

How to add a Hero Banner

How to add a Hero Banner
​

1. Use the page dropdown at the top center to navigate to the page where you want the hero (e.g. Home page).

2**.** Click Add section in the left sidebar, search for Hero, and click it to add it to the page. Drag it to the desired position if needed.

3. Click the Hero section to open its settings, then click Select under the Image field and upload your banner image (recommended: 2000 × 800px, WebP).

4. Scroll down to the Section link, paste the URL you want the banner to redirect to, and toggle Open link in new tab if needed.

5. Set your preferred Direction (Vertical/Horizontal), Alignment (Left/Center/Right), and Position for the text overlay.

6. Click Add block to add a Heading, Subheading, or Button inside the hero.

7. Use the mobile preview toggle at the bottom of the editor to check how the image crops.

Updated on: 29/10/2026