I like DAWN design but the banner size is little too big. too wide and tall. Could you tell me how to reduce the size with coding? Thanks a lot!!

Hello @kbeautyblossom , Please share: your store URL; page URL with the issue you mention; storefront password (if your store has one). If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL. Kind regards, …

Welcome to shopify community. Please share your store URL and if your store is password protected then provide password too.

Here’s my URL : www.kbeautyblossom.com It’s about the banner size on the main page. I want to make it 70-80% width and 20% smaller height. Thanks in advance. .banner__media { height: 100%; position: absolute; left: 0%; top: 0; width: 100%; } .banner__media-half { width: 50%; } .banner__…

Hey, @kbeautyblossom . Thank you for reaching out and posting this question! I understand you’re looking to decrease the banner width and height for the Dawn theme. Though I’m unable to provide the custom coding that you’re looking for, as I am not a developer. However, since the Dawn theme is sup…

Hello Elias, Thank you for your response and thanks for the compliment for my site. I tried to resolve with my previous problem (How reduce the product sizes from my collection page) with an agent but it wasn’t very helpful but I got some solution from somebody else here Shopify Community. I playe…

Hello, @kbeautyblossom . Thank you for following up! While our Support team might not be best suited to assist you with modifying the coding, as they aren’t developers. However, they’ll be able to assist you with submitting customization request to our Theme Support team. Our Theme Support would be…

@kbeautyblossom , In your Shopify Admin go to online store > themes > actions > edit code In your theme.liquid file, find the (press CTRL + F or command + F on Mac) paste this code right above the tag: You can change the values as per your wish: 80% = desktop width 100% = mobile width You …

Hi Diego, Thank you so much for your reply. I’ll try it and let you know. Thanks again!! :slightly_smiling_face:

@kbeautyblossom I’m at work so can’t check this fully but: [I added max-width 750px;]

Hi Hamish This worked for me but it’s more useful if i can reduce the height. I tried adding max-height: 500px; did not work.

How to reduce a banner size from Dawn Theme

Store Design

Slyther-Gryff June 24, 2022, 1:46am 18

I did what you said and changed it to 90% and it looks great on Desktop and iPad. Do you know how I can have it so it stays 100% on mobile devices?

Topic		Replies	Views
How can I effectively reduce the image banner size in Dawn theme? Store Design	2	73	July 28, 2022
How can I decrease the image banner height on the Dawn theme? Store Design design , customizations , css	12	106	November 27, 2023
How to change image banner width / Dawn Theme 4.0 Store Design	13	254	September 23, 2023
How to resize the height of Image banner container for Dawn theme Store Design css	6	391	March 30, 2024
How can I resolve the Dawn theme mobile sizing issue? Store Design customizations	8	79	December 31, 2023

How to reduce a banner size from Dawn Theme

Related topics