- This topic has 9 replies, 3 voices, and was last updated 2 years, 12 months ago by
.
-
Posts
-
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!!
Customer Support
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-informationLet me know 🙂
Sure thing Leo!
I forgot to add the link.
Thanks!
DeniseBut 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!
DeniseNot sure if I fully understand.
They are already on a single row from what I can see:
https://www.screencast.com/t/mbMnfoMEUKHi 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
Customer Support
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  🙂
- You must be logged in to reply to this topic.
