Age Gate window too small

Hi @epicburrito,

Age Gate will scroll to allow users to see what’s there.

Aside from that, you could make the text smaller with some css, e.g.

.age-gate-additional-information {
  font-size: 10px;
}

Or you could hide the image for smaller screens with something like

@media screen and (max-width: 767px) {
  .age-gate-heading age-gate-logo {
    display: none;
  }
}

You could also create a terms and conditions page that isn’t age restricted that you link to from the additional content to keep the content to a minimum.

Thos are probably the simplest options I think.

Thanks,
Phil

Thank you for your response. Based on your response, I believe I’m having more issues than I originally thought. Or difference issues.

On my lapttop (Windows, Firefox), Age Gate only scrolls with the up/down arrow buttons. It doesn’t scroll with the mouse or touch pad. I don’t think people use the arrow buttons much so that isn’t very useful. I just checked with Chrome and it scrolls fine with a touchpad.

Firefox on an Android phone doesn’t scroll at all.

So it looks like the problem is only happening with Firefox. Any ideas?

The site uses the Divi editor/theme.

I’d appreciate any more help you can offer.

Hi @epicburrito,

Interesting, I’ll have a dig into it on Firefox and see if I can find the issue. There are issues with Divi and the plugin at the moment which will be fixed in version 3. But let me investigate and see if there’s a solution while v2 is the stable build.

Thanks
Phil