[incacola_mattParticipant]

Hi i am experiencing wrapping problems on mobile devices. See images attached. Specifically the word ‘education’ being cut off and http://www.shivacharity.com being cut off and http://www.tessunlimited.com being cut off (all in respective x 3 images attached) thanks for help in advance.
(Latest version of wordpress and them x and cornerstone)

[JoaoModerator]

Hi There,

Thanks for writing in! Yes you can use “Responsive Text” in Cornerstone – http://prntscr.com/ca5caq

Let’s add a selector there with minimum and maximum font-size – http://prntscr.com/ca5cgm

Then use the selector in Class field for your Custom Headlines – http://prntscr.com/ca5cq2

Hope this helps.

Cheers!

[incacola_mattParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Have you removed the content that was causing the issue?

I could not see it anywhere on : http://test.rhubarbrecruitment.com/about-us/

Please let us know

Thanks

[incacola_mattParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

It’s text element and you have added font-size: 1.5em; on the style field. That font size is too large on mobile device. We can adjust it using media query. Add mobile-font on the class field of the text element then add the following CSS on Appearance > Customize > Custom > Edit Global CSS

@media (max-width:767px){
    .mobile-font{
       font-size: 1em !important; /* Adjust this accordingly*/
    }
}

Hope this helps.

[incacola_mattParticipant]

hi thanks. i dont really want to change the font size on mobile devices. can i not just tell it to wrap longer words onto the next line and use a hyphen or something similar? E.g. wwww.ksjhfdkjhsdjkhdf
-dfgdg.com

[JoaoModerator]

Hi There,

Upon checking your website on mobile : http://test.rhubarbrecruitment.com/charity/ everything looks good, if you have left the code Lely applied, please remove it so we can see the issue and provide you a solution that suits you.

Thanks

[Author]

Posts