Text overlap in carousel

Solved
Haan
Excursionist
18 0 6

Hi,

I am using a carousel on my about page; left image, right text. But the text keeps overlapping the image. I try to use the <br> but its not ideal.

Does anyone know a solution?

Thank you in advance.

Regards, Haan

 

Schermafbeelding 2021-10-23 om 09.42.40.pngSchermafbeelding 2021-10-23 om 09.43.06.png

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@Haan 

Pease try this code

1. Go to Online Store->Theme->Edit code

2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.carousel__slide-wrapper .carousel-wrap--content {
    margin-left: 69%;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 6 (6)
khilan
Trailblazer
226 13 23

hi  @Haan 

welcome to shopify community.

please share your website URL and Provide to website your  password.

thank you so much.

khilan.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help
Haan
Excursionist
18 0 6

Hi Khilan,

Sorry forgot, here you go.

creativestate.myshopify.com

pw: shopifyhelp

KetanKumar
Shopify Partner
24923 2498 9041

@Haan 

thanks for url 

i have check at home page but i can't see that section can you please show me 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@Haan 

Pease try this code

1. Go to Online Store->Theme->Edit code

2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.carousel__slide-wrapper .carousel-wrap--content {
    margin-left: 69%;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Haan
Excursionist
18 0 6

Hello Ketan,

Its on the about page.

Thank you!

Regards, Mathijs

Haan
Excursionist
18 0 6

Thank you so much!