It was brought to our attention that the background image you can add in the "Home page - text" section of theme settings was losing quality on mobile devices.  We have corrected this and wanted to provide an article on how you can fix this yourself if you are using ShowTime 4.0 or 4.1.  To do so, please follow these steps:

1. Click the Online Store, then Themes link on the left side of your Shopify dashboard and look for the ShowTime theme.

2. Click the the ... button and choose Edit HTML/CSS from the drop-down menu as shown below.

3. Open the Assets folder and locate the file style.css.liquid.  Click it to open it in the built-in editor.

4. Hit Control + F (CMD + F on a Mac) and search for #content .home-cta-bg.  That should take you to this section of code:

#content .home-cta-bg{
{% if settings.use_home_cta_image %}
background-image:url('{{"home-cta.jpg" | asset_url }}');
{% endif %}
background-color:{{settings.home_cta_bg_color}};
padding:30px 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
color:{{settings.home_cta_txt_color}};
font-size:{{settings.home_cta_content_size}};
}
#content .home-cta-bg p {
color:{{settings.home_cta_txt_color}};
font-size:{{settings.home_cta_content_size}};
}
#content .home-cta-bg h2 {
color:{{ settings.home_cta_hd_color }};
font-size:{{ settings.home_cta_heading_size }};
}

Replace that with:

#content .home-cta-bg{
{% if settings.use_home_cta_image %}
background-image:url('{{"home-cta.jpg" | asset_url }}');
{% endif %}
background-color:{{settings.home_cta_bg_color}};
padding:30px 0;
background-repeat: no-repeat;
background-position: 50% 50%;
/* background-size: cover;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-attachment: fixed;
color:{{settings.home_cta_txt_color}};
font-size:{{settings.home_cta_content_size}};
}

@media handheld, only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
#content .home-cta-bg {
background-attachment: scroll !important;
background-position: center center !important;
}
}
#content .home-cta-bg p {
color:{{settings.home_cta_txt_color}};
font-size:{{settings.home_cta_content_size}};
}
#content .home-cta-bg h2 {
color:{{ settings.home_cta_hd_color }};
font-size:{{ settings.home_cta_heading_size }};
}

That should resolve the issue.