DAWN Theme - I need help fixing banner for mobile

Store Design
, , , ,
1

Hello if anyone could help with a solution for my problem I would greatly appreciate it. The image banner on my looks great on desktop format but in mobile view it is blank for some reason. Also, if you are looking for a sidequest, the announcement bar on the top isn’t centered on desktop or mobile. One last thing, is it possible to have the slide pills on the image banner to be placed within the banner itself on top of the image, with a transparent block around it so all that’s visible are the pills themselves?

image.png
image.png557×625 49.7 KB

image2.png
image2.png987×614 721 KB

2

Hi @swavy

Please drop your store link to check

3

Hi @swavy

Please add this code to Custom CSS of that slideshow section in your Online store > Themes > Customize to solve the issue

@media (max-width: 767px){
.banner__media { min-height: 24rem; }
}
4

swavy.store is the link for the site

5

This worked thank you very much! Do you mind helping me center my announcement bar text? I would greatly appreciate it!

6

Please add this code to center your announcement bar

@media only screen and (max-width: 750px) {
.announcement-bar {
    width: auto !important;
}
}
7

Worked again, thank you, you’re the best!

8

hi can you help me too please ? perfecthomeusa.com on the desktop it shows the pic on the mobile shows white i tried the code you added doesnt work