[Resolved] GB Grid – Vertical Gap

[William]

Aloha,

Sorry to bug you with this – hoping you can push me in the right direction.

For a GB Grid, I have the Vertical Gap defined as 60px on Desktop .. 60px then inherited on Tablet and mobile.

On one page, 60 is honored on all 3 grid displays.

On another page, the 60 is dropped on the tablet and mobile views.

I’ve tried multiple browsers, cleared cache locally, and with my host (Flywheel), and regenerated CSS via GB settings.

I’ve been through the Grid settings over and over … and compared the Settings for both grids but can’t see any difference.

I can see the 60px when I inspect for Desktop:

.gb-grid-wrapper-0c52b42b > .gb-grid-column {
padding-left: 21px;
padding-bottom: 60px;
}

But then this rule kills the 60 on Tablet and Mobile

@media (max-width: 1024px) and (min-width: 768px)
.gb-grid-wrapper > div.gb-grid-column-963942cc {
padding-bottom: 0;
}

^^ any idea where this rule is coming from? …

I don’t write it, and I’m struggling to locate/clear it.

Do you recognize where it might be coming from?

Much thanks as always!

Bill

[Elvin]

Hi Bill,

Can you link us to the page with the issue? So we can inspect it and figure out with that rule is being assigned.

If you can provide temporary backend access, we can help you check things out. You can use the private information text field for this. 😀

[William]

Thank you Elvin 🙂

Details provided.

Please reach out if you have any access issues.

Bill

[Ying]

Hi Bill,

You have this Remove vertical gap toggled for the Grid containers on mobile and tablet:
https://www.screencast.com/t/pnIr8qRw2jtO

Let me know if you need further assistance 🙂

[William]

OMG – I’m a dope 🙂

Must have turned that on at some point – and then forgot about it.

You all are the BEST 🙂

Thank you as always!!

– Bill

[Ying]

You are welcome 🙂

[Author]

Posts