CSS repair for foundation reveal -...

User 2823310 Photo


Registered User
312 posts

If you are using reveal for thumbnail pop ups you may have noticed the screen jump when the modal opens. On a pc in Firefox and Chrome it's especially prevalent...

In your HEADER paste this fix:
<style>
/* ==== REVEAL REPAIR ==== */
body.is-reveal-open {
overflow: visible !important;
}
.reveal-overlay {
overflow: hidden;
}
</style>
I'll add this fix to the Step by Step Tutorial when I get the chance.
To see it work I have it on the example here: Thumbnail Pop Up
That now opens and closes with no screen jump.
User 187934 Photo


Senior Advisor
20,271 posts

That's a lot better.:cool:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
5,394 posts
Online Now

A great fix thanks Alter Eagle for sharing
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2823310 Photo


Registered User
312 posts


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.