Shopify Dawn Theme Slideshow Customization. Convert into two columns per slide

[jjtan1996]

Good Day Everyone!

Is it possible to convert the slideshow of the Dawn Theme to something like this?

I want it to have two columns, with the format being shown in the image below.

Can somebody guide me how to do this? Thank you!

[namphan · Accepted solution]

Hi @jjtan1996,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 750px) {
.slideshow__slide {
    flex-direction: row !important;
}
.slideshow__media.banner__media {
    position: relative !important;
    width: 50% !important;
}
.slideshow__text-wrapper.banner__content {
        width: 50% !important;
    }
}

[jjtan1996]

Thank you so much!

[namphan]

Hi @jjtan1996,

You're welcome and happy to help 😊