Secondary Scrollbar on Pique Theme

[cat-og]

Quick summary

When using the Pique theme, if the contact form is the final block on the final panel of the home page, a secondary scrollbar will appear on the site, along with a blank white space between the final panel and the footer.

I created a screenshot on my test site here: https://d.pr/i/Ut7Wgb

I found this was set by

.site-content {
    overflow-x: hidden;
}
overflow-x: hidden; 

in the Pique theme code, and can be resolved by changing using the following custom CSS

/*Hide overflow content and secondary scroll | */
.site-content {
    overflow: clip;
}

Steps to reproduce

1. Activate Pique theme
2. Add Contact Block as the final block on any page
3. Set that page to the final panel with the Theme Options in the Customizer.

What you expected to happen

The contact block would appear on the homepage, followed by the site footer.

What actually happened

The contact block appears followed by a blank white space between the panel and the footer, along with a secondary page-scroll. I created a screenshot on my test site here: https://d.pr/i/Ut7Wgb

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

No response

[vinnykaur]

📌 SCRUBBING : RESULT

• Tested on Simple - Replicated
• Tested on AT - Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• Can replicate the same thing when setting the page with the contact form as the last panel (panel 8).

📌 ACTIONS

• Marked as Triaged for Quality Squad review