Archived topic
Category Grid Top Position
9 replies · Started by Denise on March 17, 2023
Hello!
I was trying to do something similar to this instructions given by David on this post:
https://wordpress.org/support/topic/category-term-grid-below-header/
But I haven't figured out how adjust the category grid top margin to avoid overlapping the hero section when changing the screen widht.
And also, the width of the grid elements gets to 100% when seen on mobile view.
Can you give a hint on how to correct this?
Thanks!!
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Sure thing Leo!
I forgot to add the link.
Thanks!
Denise
But I haven’t figured out how adjust the category grid top margin to avoid overlapping the hero section when changing the screen widht.
What if you remove the margin-top of -70px on tablet and mobile using the responsive control?
https://docs.generateblocks.com/article/responsive-controls/
Dah! 🤦♀️ Thanks Leo!
The top margin is fixed!
Is there a way to change the arrange of grid boxes as happens on this website: https://dollarsprout.com/, instead of adjusting the box width and keep them on a single row?
Thanks!
Denise
Not sure if I fully understand.
They are already on a single row from what I can see:
https://www.screencast.com/t/mbMnfoMEUK
Hi Leo!
Let me clarify.
When I shrink the screen width, the 3 block category grid reduces the width of each container to fit the screen.
Instead, I was trying to make them "re-arrange" like in the link that I referenced, where they split into rows, when the screen width changes.
Denise
Hi Denise,
You can set the Grid container width to 100% for tablet and mobile, so they will wrap to the next rows.
Thanks!
That worked perfectly!
Denise
You are welcome :)