Mobile Homapage is wobbling

[Christine]

Hi,
On my website mobile view the webpage is wobbling here and there. Not understanding from where the extra space is getting added. I have tried deleting elements one by one but no use.

Let me know how it can be fixed.
http://prntscr.com/olw7yy

Regards

[Tom]

Hi there,

It seems all of your blocks are set to “align wide”. If you remove that option, does the issue go away?

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

[Christine]

I cannot see “align wide” option inside the page.
Please let me know

Regards

[David]

Hi there,

select the Columns Block and the Tool Bar that appears above the block there is an option to set the Wide or Full Width – just deselect the option you have selected by clicking it again.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Christine]

Wobling is Fixed. Thank you. But there is a new issue.
On desktop the columns are touching to the edges and content is not having any proper left and right margins.

https://prnt.sc/onaj81

Looking forward for your help.

[David]

Those Columns Blocks are still set to Align-full which is overriding the left and right padding. Removing that option will put the padding back.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts