Dawn theme image banner - convert overlaid content into two columns

[LorettaG]

Hi everyone,

Using the new Dawn theme, the Image Banner section. Anyone know if we can get the overlaid content (heading, body text, button) into two columns?

Thanks

[Zworthkey]

hii, @LorettaG 
Can you give me a screenshot of your problem so,
I can solve it perfectly.
Thank You.

[LorettaG]

Sure, here's a screenshot: https://cdn.shopify.com/s/files/1/0604/6161/3310/files/image_banner_screenshot.png?v=1635811332

Using the Image Banner section, but as you can see i have two headings, two body texts, and two buttons. I'd like them to be separated into two columns neatly. Do you think this is possible?

Thanks for your help

[codylhall]

Did you ever get a response to this? I'm having the same issue.

[MRamzan]

I have sloved it. Below code you can use.

Note: Add variableWidth: true, into slick slider javascript and then add below CSS code into your CSS file.

.slick-slider {
  width: 100%;
} 
.carousel .carousel-cell {
  width: 1% !important;
}
@media only screen and (min-width: 800px){
.carousel .carousel-cell {
    width:4% !important;
  }
}

If you still have issue then you can ask me I will help you.

Thanks.