Add space between icon and featured headline - mobile preview

[Mesh]

Hi there,

I have added some custom code for the featured headline so that the icon and the text won’t overlap. However, when I view it on mobile they seem to be overlapping still.

What else should I add to avoid that?

The featured headline is in the homepage of Did you know section
https://test.foodmesh.ca

[paul.r]

Hi,

To fix it, you can add the code below in Theme Options > CSS

@media(max-width:900px) {
 .h-feature-headline.my-featured-headline span {
    padding-left: 70px;
}
}

Hope that helps.

[Mesh]

Thank you. That worked!

[friech]

You’re more than welcome, glad we could help.

Cheers!