How can I decrease the banner height in the Dawn theme?

Store Design
1

Hello. I’m trying to reduce the size of the central banner in my store. I’m using Dawn theme. I’ve tried the codes in this theme: https://community.shopify.com/c/shopify-design/reduce-image-banner-height-dawn-theme/m-p/1905609#M508230 but they down working …

my store is: https://hitstoki.com/

I want to resize the central banner and also i want to put two smaller banners before the footer something like that:

3utrMm2
3utrMm21880×742 277 KB

2

Hi, @Rozoveca You change banner height here

Brian_FoxEcom_0-1684484714224.png
Brian_FoxEcom_0-1684484714224.png2544×999 345 KB

3

If you want use 2 column, you can use section Multicolumn

Brian_FoxEcom_0-1684484913656.png
Brian_FoxEcom_0-1684484913656.png2530×1196 201 KB

4

I want to reduce the scale of the banner itself, this setting doesnt work for me i’m choosed “Adapt to first image” because if I choose someone else, the banner the whole banner is not visible. If it matters the size of the banner is: 2000 x 667

Also this multicolumn doesnt working with my banners…this template is such a sh*t…

5

You can try this code:

@media(min-width: 990px){
 #shopify-section-template--18914084225372__image_banner {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 5rem;
 }
}

Result:

Brian_FoxEcom_0-1684486058399.png
Brian_FoxEcom_0-1684486058399.png1461×1255 362 KB

1 Like
6

Great! Thank you so much! Can you help me with the second problem? I want to put these two banners before the black section (footer) and when the user click on the any of the banners, after that be redirected to any category.. i hope you understand me :grinning_face_with_smiling_eyes:

7

You can use section Multicolumn for banner

8

Mmm, no this is not working for me I need something like the big banner but the sizes need to be smaller..