Content modal - Responsiveness

Support
#1

Hi,

I am using area modal to display a form (Gravity Forms) with one field and one button.
The problem is that with the form there, the modal doesn’t reduce the width enough to fit in a small mobile screen.
I don’t exactly how to add that CSS code to make the form width go with the modal.

Also, the title (“token”) of the form (which is set to FALSE in CSS) for some reason, it appears on mobile.

Can you help me?

Thank you

#2

Hello @PanInternational,

Thanks for writing in!

To resolve your issue, please edit your page back in Cornerstone and click the content modal element. Find the “Customize” tab and insert this custom css:

@media(max-width: 979px){
  $el .x-modal-content {
    max-width: 100% !important;
  }
}

Hope this helps. Please let us know how it goes.

#3

Done.
Worked like a charm. :slight_smile:

Thank you

#4

You’re more than welcome, glad we could help.

Cheers!

#5

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