[Resolved] Category Grid Top Position

Home Forums Support [Resolved] Category Grid Top Position

Home Forums Support Category Grid Top Position

  • This topic has 9 replies, 3 voices, and was last updated 1 year ago by Ying.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2571643
    Denise

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

    #2571733
    Leo
    Staff
    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-information

    Let me know 🙂

    #2572344
    Denise

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

    #2572477
    Leo
    Staff
    Customer Support

    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/

    #2572587
    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

    #2572654
    Leo
    Staff
    Customer Support

    Not sure if I fully understand.

    They are already on a single row from what I can see:
    https://www.screencast.com/t/mbMnfoMEUK

    #2572948
    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

    #2573263
    Ying
    Staff
    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.

    #2576018
    Denise

    Thanks!
    That worked perfectly!

    Denise

    #2577251
    Ying
    Staff
    Customer Support

    You are welcome   🙂

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.