How to fix overlapping text on a webpage when in smaller view?

Hi,

My page shows overlapping text on the below section when the window is anything smaller than ‘Full view’. Can anyone fix this? Looks messy.

Thanks :slightly_smiling_face:

Hii @houssamalissa

its looking perfect

Thank You.

@houssamalissa

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

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

@media only screen and (min-width: 590px){
#shopify-section-162853743403e7833c .h3, #shopify-section-162853743403e7833c h3 {
    font-size: calc(var(--typeHeaderSize)*.70) !important;
}
}

Thanks!

1 Like

Excellent, thank you once again!