Text not displaying properly on mobile

[afa1]

Hi pretty much any text on my site that continues onto the next line will cut the last word off and con

tinue it (< like this ) it is happening in my header, footer, general text blocks and headings all over my site. i need this fixed asap. @adam

my heading is reading like this on mobile 

AFRICAN FAB

RICS AUSTRA

LIA

instead of

  AFRICAN 

  FABRICS
AUSTRALIA

who knows what my issue is and how to fix it

africanfabricsaustralia.com

[WebfireThemes · Accepted solution]

Hi

Try adding this to the bottom of the main_style.css file or main.less file

.banner-wrap .wsite-header-section .wsite-content-title{word-break:normal!important}

I think you could also add the below into the "header" or "footer" code section of the css

<style>

.banner-wrap .wsite-header-section .wsite-content-title{word-break:normal!important}

</style>

Let me know how you get on.

[WebfireThemes · Accepted solution]

Hi

Try adding this to the bottom of the main_style.css file or main.less file

.banner-wrap .wsite-header-section .wsite-content-title{word-break:normal!important}

I think you could also add the below into the "header" or "footer" code section of the css

<style>

.banner-wrap .wsite-header-section .wsite-content-title{word-break:normal!important}

</style>

Let me know how you get on.

[afa1]

Thanks @WebfireThemes you're amazing ü... that worked a treat for the header. do you have a solution for the

heading in footer

regular paragraph titles

and 

regular text too?

[skottiusa]

With over 40 percent of Weebly transactions happening on mobile or tablet, that could mean over 40% of our customers will have a 100% bounce rate if our mobile versions look a mess.

Problem began 8/22/2017 for us:

[WebfireThemes · Accepted solution]

You could try changing the code to this

.wsite-content-title,.paragraph{word-break:normal!important}

I think you could also add the below into the "header" or "footer" code section of the css

<style>

.wsite-content-title,.paragraph{word-break:normal!important}

</style>

[afa1]

Thanks that also worked perfect.  love your work @WebfireThemes if i upgrade i will definitley check out your themes first. 

[WebfireThemes]

Thanks Afa

It was a pleasure helping you out!

[MarineB24]

Can you also help me, I don't know how to apply that CSS code to my website. It cuts lettering only on some of my tabs and the main header.

[Bernadette3]

Can you post a link to your site @MarineB24 so we can get a better understanding of what you are describing? 

[Bernadette3]

Actually, I'm going to just make a copy of the site and use that as the test since they will request to switch to a standard theme... I'll let you know how it goes! 

[Kym_inq]

I am having the same problem and have no idea how to apply the solution you suggested. My site is mathsinquiry.com and all of a sudden, the text in text boxes keeps breaking/splitting across lines. This happens when viewed on a desktop and on a mobile and using different browsers. Can you please help?

[Adam7]

If you re-publish your site again it should fix the problem for you @Kym_inq - no coding required!

[sninivaggi]

Hello -

I'm having a similar issue where the text isn't displaying properly and is breaking between lines on mobile on my personal site: sarahninivaggi.com. Tried adding in some of the code in the SEO settings but it isn't helping. The left column is primarily the issue. I'm hesistant to add code if there's another solution. Had a ton of issues even getting much of this page to look right on mobile (the preview function wasn't even remotely accurate and I needed to use the column lock app) so I would like to see if I can resolve this now. Thanks!

Preview attachment image1.png

image1.png

175 KB

[Bernadette3]

Hi

That image is not displaying anything. When I look at your site from my mobile device everything looks good. The only section I can see a word being cutoff is Communications Strategy. Although there isn't much you can do about that besides editing the size of the word "communicating" It's simply too long of a word to fit in the column parameters you have set up. I'm assuming this has to do with the column locks you have in place. 

[youthfulnest]

THANK YOU! OMG, this has been a huge issue for my mobile viewing and I finally decided to look up a potential solution. THank you, thank you!

[kballing]

Having the same issue with the Title and text under it.  Tried using all of the possible fixes suggested, but it still breaks up between words when the window is either minimized or viewed on mobile.  Also, tried column lock but that did not solve either.  Is there a way that the responsive theme could be edited so that the font just gets smaller instead of staying the same size and breaking up?  Or any other suggestions?  Thanks so much!

[Bernadette3]

Hey there. Can you post your site name and page you are seeing this on? 

[lerpure]

Hi there, I too have this problem on my site. Both on mobile and on desktop. But I've tried all of the codes you have given us as solutions, pasted them in the header code section under settings and none of them work.. I don't know anything about coding so not sure why. Is there another option to fix it? And republishing it doesnt work either...

[Adam7]

What site are you having trouble with, @lerpure?

[lerpure]

nycjewelrydelivery.com

[Adam7]

I think your custom theme might not include whatever the fix was that our engineers rolled out. I'm surprised that the other solutions in this thread didn't help, though. A quick solution would be to change themes, although I can understand why you might not want to.