How To Hide A Popup In Mobile View
Ola
Hi!
I think I have looked everywhere in the settings for the popup I created. But how do I hide a popup in the mobile view?
I only want to show the popup on desktop or tablet view.
Forgive me if I am blind.... ;-)
Kind regards Ola
Paul Frankowski
Accepted AnswerOk, I will try to share universal CSS code
@media screen and (max-width: 680px) {
#sp-pagebuilder-overlay-30 {
background-color: transparent;
position: relative !important;
display: none !important;}
.sp-pagebuilder-popup {
display: none !important;
width: 0; height: 0; z-index: 0;
max-width: 0; position: relative;}
}Notice ! Look at the 2nd line, instead of "30" please add correct number of your Popup page ID (visible on the list - right side). In your case that number can be 2, 3 or ??.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. You can go to that addon settings and enable these hidden options. Please check this screenshot below:
Hope it helps.
-Regards.
Ola
Accepted AnswerI don't mean the add-on Modal popup.
I mean the new pop-up builder. There are no settings to hide a popup in mobile view there? https://i.imgur.com/yqyODW5.jpeg
Ola
Paul Frankowski
Accepted AnswerHi Ola,
Indeed, that setting wasn't added yet, but it will be. By now you have to use Custom CSS to hide it.
Can you share site URL where you have that popup, please
Ola
Accepted AnswerHi Paul!
Thanks.
I have disabled the popup since it cover the whole mobile area.
If there is a custom.css maybe you could share it here since there might be other users with same question?
Hopefully this option will be added in a later release ;-)
Kind regards Ola
Paul Frankowski
Accepted AnswerIf you want to hide it also on typical Tablet, change value from 680px to 999px in first line.