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

Store Design
1

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!

slideshow_custom.png
slideshow_custom.png1160×588 16 KB

2

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;
    }
}
3

Thank you so much!

4

Hi @jjtan1996 ,

You’re welcome and happy to help :blush: