Can’t close the popup in mobile size!

Hi @benoit33,

Thanks for sharing the screenshots.

The close button is not visible because the form is wider than your mobile screen width.

The @media rule is used in media queries to apply different styles for different media types/devices.

It usually refers to the device’s max and/or min-width as a condition to apply this rule.

To edit its CSS, check the form ID and use this rule to specify a smaller width percentage for mobile devices:

@media (max-width: 500px) {
#mp_form_popup5 { 
width: 90%; 
min-width: 90%;
}
}

Please change “5” with your form ID number.

If it doesn’t work, you can try adding !important to it:

@media (max-width: 500px) {
#mp_form_popup5 { 
width: 90% !important; 
min-width: 90% !important;
}
}

Let me know if it works!

Thank you !!! It works with “!important” !

Hey,

Glad to hear you got it working the way you needed. Thanks for the update!

Cheers

Hey! @danielinhou Sorry I’m trying to add the custom css and it doesn’t seem to be detecting it with any of the solutions… Anything else I can try? If in the developer tools I make the changes of width: 90% and min-width: 90% the X appears to close in the mobile version.