AnsweredAssumed Answered

Media queries to hide dialog pop-up

Question asked by Kelton Corcoran on Dec 3, 2018
Latest reply on Dec 3, 2018 by Kelton Corcoran

Hi there,

 

I'm running into an issue with one of our email newsletter sign-up pop-ups, which is a Dialog component in a web campaign. Currently, the sign up box performs just fine on desktop devices, however it doesn't resize properly on mobile devices. We'd like to just remove the component from appearing on all mobile-sized resolutions.

 

Screenshots of the dialog on desktop and on mobile.

 

I have tried using the following code in the <style></style> section at the top of the dialog's HTML to create a media query and then hide the display of elements at a certain resolution, however to no avail:

@media (max-width: 500px) {

display: none;

}

Is there a way this could be accomplished? Happy to provide any further clarification if needed!

 

Thanks everyone!

Outcomes