Slideshow text too big on mobile

Last Updated: Sep 28, 2017 12:35PM EDT
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 sizes above to your preference and click save .

Get help

Want to customize your theme?
Have questions not covered in our docs?
  • Ask a theme support question
  • Support Hours:
    9:30 - 17:30 EST
    Monday - Friday
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found