The slideshow text is too big on mobile, how do I fix it?

Sometimes if you are using large font sizes for your slideshow images it can give you some unwanted results on mobile. The font sizes, however, are easily adjusted with a very simple copy and paste code change that will work on all of our themes.

In your Shopify Admin go to Themes Actions > Edit Code
On the next page choose the Assets folder and open queries.css.liquid

Scroll to the bottom of the page and add this:

@media screen and ( max-width: 740px ) { 
  /* Slideshow title text size */ 
  .flex-caption h2.slide-title { 
    font-size: 16px; 
    margin-bottom: 5px; 
  } 
  /* Slideshow caption text size */ 
  .flex-caption p.caption {  
    font-size: 14px; 
  } 
  /* Slideshow button text size */ 
  .flex-caption .cta a { 
    font-size: 14px; 
    padding: 5px 8px; 
  } 
}

Adjust the 14px and 16px font sizes above to your preference and click save.