text overlaps on mobile

Hello,

Which text are you referring to? Can you please share a screenshot so that I can be sure I’m looking in the right place?

You can host images here:
https://postimages.org/

-Kevin

Hi!

https://s22.postimg.cc/i2714pfrl/Screenshot_20180807-223735_Chrome.jpg

I mean this text ??

Thank you

Try adding this CSS to Theme Options> Custom CSS:

@media (max-width: 420px) {
h2.sow-headline {
    font-size: 18px;
}
h3.sow-sub-headline {
    font-size: 14px;
    }
}

Let me know if that works for you.

-Kevin

Worked like a charm. Thank you so much.

Happen to know if I can get the whole text in the image on mobile?
https://s33.postimg.cc/5oetwh9bj/Screenshot_20180808-003108_Chrome.jpg

Your slider has a fixed height. You should be able to set a reponsive height and set the font size to use fix text.

You can also use css like this:

@media (max-width: 767px){
    .so-widget-sow-hero-default-b160ef9b1e61 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1 {
        font-size: 20px !important;
    }
}

Thank you so much! Everything worked perfectly and I am so happy now ??