[Resolved] Lightweight Grid Columns breaks with anchor links?

[Katie Jones]

Hi hi,

Lightweight Grid Columns is behaving as expected normally, though when I access the page using an anchor link, the columns break. See http://otteroo.staging.wpengine.com/our-story/#Our_Team vs. http://otteroo.staging.wpengine.com/our-story/ – any ideas?

Thanks,
Katie

[Katie Jones]

Hi there – following up on this, I’m wondering if this is a GeneratePress / GP Premium thing, because anchor links are also breaking my FAQ plugin functionality. See this:

http://otteroo.staging.wpengine.com/faq/#returns – clicking an FAQ item links to the FAQ post rather than the ajaxy pop-down question –

vs. this:

http://otteroo.staging.wpengine.com/faq/ – ajaxy pop-down question appears as expected

Thanks,
Katie

[Leo]

Hi Katie,

For this site that’s not working: http://otteroo.staging.wpengine.com/our-story/#Our_Team

Can you try setting the last column in row condition?

I see this one has it already: http://otteroo.staging.wpengine.com/our-story/

[Katie Jones]

Thanks, Leo. Those are the same URL/page, it’s just that one is referencing an anchor link.

I added the “last column in row” condition, and that fixes it for the full-width view, but not for tablet/mobile views where the last column I’m marking is incorrect (that’s why I was confused about it). For instance, I have 6 headshots in 3 columns (full width) and 2 columns (tablet), so on the full width, columns 3 and 6 are the last, but in tablet width, columns 2, 4, and 6 are the last. Does that make sense?

Any clue on why the anchor link might be breaking the FAQ plugin also?

Thanks,
Katie

[Tom]

It looks like you have a javascript error on the page, which is breaking other javascript. Looks like it may have something to do with an Instagram feed?

[Katie Jones]

Yep, it was the other javascript error. Thank you!

[Tom]

You’re welcome 🙂

[Author]

Posts