Docs

[Karl K]

I am trying to hide two modals on mobile devices and tablets without success. I checked the boxes on each modal to hide on everything but a desktop, but that doesn’t seem to be working.

The website is guysdrinkingbeer.com. Here is an example post: http://www.guysdrinkingbeer.com/breaking-odell-brewing-entering-illinois-in-february. A book pre-order modal at the top of the post and a shop page modal about halfway down shouldn’t be showing, but are. The first modal is showing inline while the second is showing via shortcode.

Any help would be greatly appreciated.

Karl

[Lely]

Hello Karl,

I can see the issue when I visit the post on mobile. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Karl K]

This reply has been marked as private.

[Joao]

Hi,

To hide the modal displayed via shortcode, please hide the row where it is placed in Cornerstone using Cornerstone Hidden Visibility options.

To hide all modals from the page on tablet and mobile please add the following code to Cornerstone > Settings > Custom > CSS

@media(max-width: 769px) {
.cp-modal-popup-container {
display: none;
}
}

Hope it helps,

Joao

[Karl K]

That did the trick, thanks!

[Joao]

Glad to hear it,

Joao

[pgvane]

Hi

While this solution works it also breaks any button on the page that has custom css to trigger the modal.

Is there any solution to that problem?

Peter

[Christopher]

Hi there,

Please open a new thread and provide us with URL.

Thanks.

[Author]

Posts