How to fix text overlap in a carousel image?

Store Design
1

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
but its not ideal.

Does anyone know a solution?

Thank you in advance.

Regards, Haan

Schermafbeelding 2021-10-23 om 09.42.40.png
Schermafbeelding 2021-10-23 om 09.42.40.png1161×296 139 KB

Schermafbeelding 2021-10-23 om 09.43.06.png
Schermafbeelding 2021-10-23 om 09.43.06.png1228×516 179 KB

2

hi @Haan

welcome to shopify community.

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

thank you so much.

khilan.

3

Hi Khilan,

Sorry forgot, here you go.

pw: shopifyhelp

4

@Haan

thanks for url

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

5

@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!

6

Hello Ketan,

Its on the about page.

Thank you!

Regards, Mathijs

7

Thank you so much!