Archived topic
Gap at top of content
8 replies · Started by Hannah on August 28, 2022
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?
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
Yes here you go
Hi there! Just checking in here as I haven't been able to solve it yet.
Thank you!
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 :)
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.)
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.
Thanks so much. Appreciate the help!
No problem :)
