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

[houssamalissa]

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

[zwksaurabh]

Hii @houssamalissa

its looking perfect

Thank You.

[dmwwebartisan]

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

[houssamalissa]

Excellent, thank you once again!