Site on Mobile Devices

[Ziad]

Hello,

I built my site using GP Premium. Looks good on a PC, but very bad on my mobile phone (a lot of space between the header and the menu, text over content background, etc.). The site is http://tlacnc.org
Is there anything special I need to do to make it look decent or shouldn’t it adjust automatically?

Thanks,

Ziad

[Tom]

Hi there,

This is happening because the background image isn’t tall enough to fill the taller area on mobile.

Try setting the “Size” to “Cover” in the Customizer where you uploaded the image.

Let me know if that works for you or not 🙂

[Ziad]

Thank you Tom, the “Cover” setting fixed it for the header. But the body text is still bleeding over the background (when you scroll to the right),

Ziad

[Tom]

The text columns you’re using aren’t responsive.

Instead of using a table, you should use a plugin like this: https://wordpress.org/plugins/lightweight-grid-columns/

[Ziad]

Thanks Tom, I’ll give it a try,

Ziad

[Tom]

You’re welcome 🙂

[Author]

Posts