Header in Be Theme getting cut off on Mobile version

nimblecreative · November 2016

The header on our website is being cut off on the mobile version of the site. I believe I have all the responsive options programmed correctly. Could someone please help?

intouchportsmouth.com

Albert · November 2016

Hi,

do you mean these 2 ladies that doesn't show up on mobile?

nimblecreative · November 2016

Yes and some of the lettering is getting cut off as well.

Albert · November 2016

These girls are css background and it's a typical behave. It has nothing to do with theme and it's more technical problem between css backgrounds and being responsive.

But would be great if you can show us which lettering are cut off as well because we didn't noticed anything like this.

nimblecreative · November 2016

Healthy and Lifestyle get cut off in the header of the home page.

Albert · November 2016

Ok, got it. So these words are cut because headings are too large for mobile devices and to wrap them on smaller screens, please use the following css:

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

Header in Be Theme getting cut off on Mobile version

Comments