Content Modal Not Allowing Scrolling

Support
#1

I am trying to embed a wufoo form into the content area modal. I have tried using the code:
@media screen and (max-width: 980px){
.x-modal.x-active {
max-height: 90vh;
overflow-y: scroll!important;
}
}

This works like a charm on the back end but is not working on the front end of site. I have tried caching and that did not work.

Thank you for your help.

#2

Hi @Jbrummel,

I still think that this is something relate to cache as you say the builder shows the CSS change correctly. I suggest that you share the code that you want to add here and we will try that in our installation and give you the result.

Thank you.

#3
#4

Here is the website page. The Awana Leader Form is the Modal. https://richmondhill.org/kids-2/

#5

HI There,

the CSS is working fine below 980px screen size. Not working above that as you have added the media query CSS to target that screen size.

If you want the scroll in every screen please remove the media query.

Thanks

#6

Perfect that worked. Thank you!

#7

You’re welcome.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.