[Resolved] Gap at top of content

[Hannah]

Hi there, I have just installed GP premium on a fresh site. When I hide the header element etc, there is a big gap between the top of my site and the first block which is a “cover” block: https://prnt.sc/QsGIcPW_Uq_g

What can I do to remove this gap?

[Fernando]

Hi Hannah,

To have a better understanding of the issue, may you provide the link to the site in question?

You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[Hannah]

Yes here you go

[Hannah]

Hi there! Just checking in here as I haven’t been able to solve it yet.

Thank you!

[Leo]

Sorry for the late reply – somehow snuck through our system.

Can you try using the Full width option for the home page?
https://docs.generatepress.com/article/content-container/

I would also recommend using the Container and Grid blocks from GB to achieve your current layout:
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/grid-overview/

They are much better built and offer many more options than the core cover and columns blocks.

Let me know 🙂

[Hannah]

Oooh excellent. The full width solution fixed it.

Do you have a recommendation for the best way to recreate the tan section that has a center white column and begins with “Here is what you’ve been told to do” using the grid/container blocks? (I currently have that as a “cover” block with 3 columns, and the center column has the content. I’d love to have a better solution as it doesn’t seem to work as expected currently.)

[Ying]

You can recreate it with adding a GB Grid block inside a Container block:
https://www.screencast.com/t/gGeEp2zn7

Set the parent container block’s inner width to full width, set the Grid container width to 33% or any % you want.

To center align the Grid container, select the Grid block, set its horizontal alignment to center.

[Hannah]

Thanks so much. Appreciate the help!

[Ying]

No problem 🙂

[Author]

Posts