How to resize Dawn theme header for mobile view?

Store Design
1

Hi Everyone,

I need an urgent help on resizing & repositioning the content on my image banner for mobile. Thank you for your help. (the button size on the 2nd image to be at the bottom)

shopifyyy 2.png
shopifyyy 2.png1061×723 137 KB

shopifyyy.png
shopifyyy.png1067×614 132 KB

2

Hi @Mideh
Please share your store URL, page URL, and also password (if your store has one) so we can help you.

1 Like
3

Thankyou so much for your assistance.

https://zalesh.com/

4

Also, could you please assist me in reducing the spaces between the banners. I created the content with custom liquids. (e.g Women’s Top). Thank you.

5

Hi @Mideh to change the image position, you can try to add this code into the bottom of the file
section-image-banner.css

@media(max-width: 749px){
#Banner-template--15457040466101__image_banner .media > img{
 object-position: 10% 0%;
}
}
6

To change the button position
you can try to add this code into the bottom of the file
section-image-banner.css

@media(max-width: 749px){
#Banner-template--15457040466101__1649669312929faea4 .banner__content{
  align-items: flex-end;
}
#Banner-template--15457040466101__1649669312929faea4 .banner__box {
padding-bottom: 10px;
}
}
7

Hi Micheal_Pink, here’s what i got

Screenshot (13).png
Screenshot (13).png1385×766 126 KB

8

Hi @Mideh
I think you have added wrong position.
Inbox for me more detail, I’ll help you check and fix.