Responsive text on mobile

gratianne · November 2018

Hi there,

I tried to create a header inspired by your BeGolf demo site with a text added on a photo at the top of my Homepage.

The text looks good on a laptop screen but not so much on mobile.

How can I raise the line spacing on mobile so that the text isn't all mushed up on a mobile screen?

Thanks in advance,

G

Pablo · November 2018

Hi,

Please be familiar with this documentation:

Cheers

gratianne · November 2018

Thanks but it's not a Slider Revolution element : this was made using Muffin Builder.

I created a section with my image as background, and then added a text in a Column within a wrap inside that section.

Bryan · November 2018

Hey,

this is simply the line height of your headings.

You have changed the font size of the headings in theme options>fonts>size&style but you also need to increase the line-height value.

The best way to do that is to add 7-10px to the font size, example:

font size: 20px then line-height:30px;

thanks

gratianne · November 2018

perfect !! Thank you

Comments