Is there a way to decrease the font size in my banner on mobile only?

[Chrystel078]

Hi everyone,

Is there a way to decrease the font size in my banner on mobile only?

https://luyendykjewelry.com

Best,

Chrystel

[Laza_Binaery · Accepted solution]

Hi @Chrystel078 

Yes, it is possible. Try adding this to the end of your custom.css

@media screen and (max-width: 640px) {
  #shopify-section-slideshow div.Slideshow__Content.Slideshow__Content--bottomLeft > header > h3 {
    font-size:25px !important
    ;
  }
}

Note that custom.css has a lot of styles  using !important and that is not a recommended way. Also, you have targeted generated ids  like

#Slide5c17cf78-8c94-44f7-bacc-97b73fa7bb11 and that could change if you make some changes to sections. that way styles would be gone.