Dawn theme image banner - convert overlaid content into two columns

LorettaG
Tourist
7 0 2

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

Replies 4 (4)

Zworthkey
Shopify Partner
5581 642 1574

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

LorettaG
Tourist
7 0 2

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
Visitor
1 0 1

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

MRamzan
Shopify Partner
171 2 24

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.

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112