Movie the Title and Bottom underneath slideshow on mobile with DAWN theme

[tegrinostudio]

Hi guys,

with the new DAWN theme, the slideshow looks odd on the mobile, the title and bottom will cover the downscaled image. I saw someone did this:

In mobile the Title and Bottom will change to underneath slideshow:

https://www.quiltdstudios.com/

How can I do that? Much appreciated! .

[PageFly-Victor]

Hi @tegrinostudio

This is Victor from PageFly - Shopify Page Builder App

You can change how it works on mobile here:
Shopify Admin > Online Stores > Themes > Click Customize on your Dawn theme
In your homepage click on the slideshow then change to mobile layout and you will have options to turn on/off of the way its look here :

Hope this can help you solve the issue

Best regards,

Victor | PageFly

[tegrinostudio]

Hi Victor! Thanks for the reply but i dont have this option, is there something wrong or we need to add some code?

[BSS-Commerce]

Hi @tegrinostudio

Please follow these steps:

• Go to Themes => Edit Code:


Find section-left-banner-with-text.css and add the following code at the end of the file:

@media screen and (max-width: 749px) {
	.banner--mobile-bottom .banner__media {
		position: absolute;
	}

	.banner__content .banner__box {
		background-color: transparent;
	}
}

We hope that it will work for you.