What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Re: Dawn theme image banner - convert overlaid content into two columns

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 1583

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
392 3 36

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