Dawn Theme - Slideshow banner size different on mobile and desktop

[celestel]

Hi, 

I'm currently using the Dawn theme for my website here. I utilise this code I found from https://community.shopify.com/c/shopify-design/slideshow-too-big-for-mobile-dawn-theme/m-p/2537082 as I noticed the desktop slideshow banner size appears too big on mobile. 

It works now on mobile and appears better but the button link seems to have disappeared. Is there a way to have the button link appear below each of the slideshow banner page? 

Thanks!

[Dan-From-Ryviu]

Hi @celestel 

Please try to turn off Show content below images on mobile option of Slideshow settings and check again. 

[celestel]

Hi Dan,

I have turned it off now, but it's kinda showing the same thing? 

Otherwise is there an option to click on the slideshow banner image that links to said pages? 

[HHenry]

add custom css to section

@media only screen and (max-width: 989px) {
    div.slideshow__text-wrapper {
        display: block !important;
        position: absolute !important;
        bottom: 0;
        height: auto !important;
        min-height: auto !important;
    }
}

done

done

[celestel]

Sorry, to which section? And should I still have the old code included? 

[celestel]

I've tried this but it blocks the banner image 

Is it possible to make the button size smaller? It covers the image by a lot