[Resolved] Sections going off / right padding issue?

[Calvin]

Hi Tom,

I am using sections, and when scaling the page to smaller screen sizes the headers and contents go outside the boundaries of the the sections. Have a look at an iPhone screenshot here:

View post on imgur.com

You see there is spacing to the right of the screen (the menu bar should span all the way to the right edge of the screen), and the text in the section with the blue background goes outside its bounds.

Can you help please? The page is: http://www.bartel-beratung.de

Thanks!
Calvin

[Tom]

Hi there,

It seems some of your content has the   tag for spaces. That stands for “no break space”, and won’t break it to the next line if present.

Go into your content and into the “Text” editor – do you see any of the above code snippets? If so, try removing them to fix this issue.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Calvin]

Hi Tom,

no, I cannot find the &nbsp tag in any of the content boxes of the homepage, here is an example of the affected box: http://i.imgur.com/1R2jwKR.png

I also never (at least not intentionally) inserted that tag into any content.

What else could cause this issue?

Thanks for your ongoing support,
Calvin

[Tom]

What version of GP Premium/Sections are you running?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Calvin]

Hi Tom,
It’s version 1.3.17

Cheers

[Tom]

That’s the free theme version – what about GP Premium/the Sections add-on? You can check by going to “Plugins” in your Dashboard and finding the plugin, it will have a version number with it 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Calvin]

Hi Tom,

Sorry- it’s 1.2.71
Best
Calvin

[Tom]

Very weird – any chance you can send me temporary admin login details to support@generatepress.com so I can take a closer look?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Calvin]

Thanks, Tom – email is on the way to you!
Best
Calvin

[Tom]

Can you try adding this CSS?:

.content-area {
    word-break: break-word;
}

Let me know if it works or not 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Calvin]

Hi Tom,

wonderful, that seems to be working!

Thanks so much and kind regards,

Calvin

[Tom]

You’re very welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts