DAWN Theme - I need help fixing banner for mobile

[swavy]

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?

[Dan-From-Ryviu]

Hi @swavy 

Please drop your store link to check 

[Dan-From-Ryviu · Accepted solution]

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; }
}

[swavy]

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

[Dan-From-Ryviu]

Please add this code to center your announcement bar

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

[swavy]

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

[perfecthomeusa]

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 

[swavy]

swavy.store is the link for the site