How to get ride of site OVERFLOW while using the new PIN feature 7.1

html, body { overflow-x: hidden; }

Hello,

I used to use the css code above to hide website overflow.

But since Squarespace launched the awesome new PIN feature, that code won't work and it will disable the PIN feature.

Here is a screenshot for reference. See how the right side of the website has the overflow?

https://www.adventurewithnicole.com/baja-mexico

If you could please point me to the right CSS that would be amazing!

Can you share your website URL and the page this is on?

Yes, it's

https://www.adventurewithnicole.com/baja-mexico

Thank you @Ziggy 🙂 

I can't find any overflow that needs that code to fix it.

I was struggling with the same thing and resolved it by applying the {overflow-x=hidden} styling just to a specific section that was creating overflow issues. I ended up including the following code and it let the pins in other sectinos function properly.

.page-section[data-section-id="66a3b903008d4810eb5ea0d7"] {
overflow-x:hidden;
}

Obviously replace the section ID number with the relevant id from your site.