Site logo

Archived topic

Category Grid Top Position

9 replies · Started by Denise on March 17, 2023

Viewing posts 1–10 of 10

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!!

Sure thing Leo!
I forgot to add the link.
Thanks!
Denise

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

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   :)

This archived topic is closed to new replies.