Headings not responsive

Lolag292 · January 2018

Hi,

First of all thanks for all your help.

I am having an issue with some of my headings. They do not decrease in size for mobile, so they appear cut.

I do have the "decrease fonts" acitvated on Responsive, and I tried this code h1, h2, h3, h4, h5 { word-wrap: break-word !important; }, but I am not happy with the result. It looks weird.

Is there any other thing I could try? The website is www.thereisaparty.com

Many thanks

Lorena

Bryan · January 2018

Hi Lorena,
can you please send us screenshots of which headings do you have in mind ?
thanks

Lolag292 · January 2018

Thanks for your answer.

Some images are here:

https://ibb.co/gxdCUG

https://ibb.co/mp4VGw

https://ibb.co/h7rAGw

https://ibb.co/m7pK9G

https://ibb.co/kEasUG

The problems are in the headings of these pages

http://thereisaparty.com/contact/

http://thereisaparty.com/montevideo/

Many thanks,

Lorena

Bryan · January 2018

Try using this css

h1, h2, h3, h4, h5, h6 {
	word-wrap:break-word !important;
}

Lolag292 · January 2018

The problem with that solution is that words get broken in the wrong way. How can I have the font-sizes decreased?

Many thanks again for your answers!

L

Bryan · January 2018

Do you have the 'decrease fonts' option available in theme options>responsive>general?

Lolag292 · January 2018

Yes, I do. As I specified in my first email.

Thanks

Lorena

Bryan · January 2018

Sorry but there is no other sollution, the font you used is too big and the words are too long, even decreasing them will not make it. Break word is the only sollution here.

Headings not responsive

Comments