Slideshow too big for mobile - Dawn Theme

CCCutouts · ‎04-18-2024

I am building a website for our store, customcardboardcutouts.com and I am having trouble resizing the slideshow for mobile view. I have seen a couple script changes that have not worked. Can someone help me with this? We are using a slideshow on each page, and they look great with desktop view, but cut off with mobile view.

ThePrimeWeb · ‎04-18-2024

Hey @CCCutouts,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (max-width: 989px) {
    .slideshow__media.banner__media.media img {
        position: relative !important;
    }
    
    .slideshow__media.banner__media.media {
        position: relative !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: unset !important;
    }
    
    .slideshow__text-wrapper {
        display: none !important;
    }    
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb · ‎04-18-2024

Hey @CCCutouts,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (max-width: 989px) {
    .slideshow__media.banner__media.media img {
        position: relative !important;
    }
    
    .slideshow__media.banner__media.media {
        position: relative !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: unset !important;
    }
    
    .slideshow__text-wrapper {
        display: none !important;
    }    
}
</style>

Screenshot is for reference only, the correct code to paste is the one shown above.

Was I helpful?