[Resolved] How do I make the Query Loop block responsive?

[Yumei]

Hi, I have been tinkering with the query loop block. For some reason, it never looks right on mobile and I am not sure what I am doing wrong. Can you help? Site: https://academicassembly.com/our-team/

[Fernando]

Hi Yumei,

In Simple CSS, you have this code:

.gb-grid-wrapper {
                width: 1000px;
                margin-left: auto;
                margin-right: auto;
            }

This specific rule is causing the issue: width: 1000px;

It’s affecting all .gb-grid-wrapper in your site forcing it to 1000px width which makes it look bad on smaller screens.

Hope this clarifies.

[Yumei]

That helped more than you know! I am slowly converting websites built on Genesis to GeneratePress without changing the look and feel. Too much (my own) bad CSS got mixed in. Thank you so much!

[Fernando]

You’re welcome Yumei!

[Author]

Posts