• Resolved michaelherr

    (@michaelherr-1)


    Is there a way I can create two popups? One for desktop and one for mobile? I created two of them, styled them according and set the rules to desktop and mobile and they both show up on each device. Can I create one popup and add @media css rules to it?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Damian

    (@timersys)

    Hi @michaelherr-1,
    you mean instead of creating two popups only use one with @media queries ?

    Yes instead of using display rules for mobile or desktop you could do that using the custom css box, I don’t see why not.

    Thread Starter michaelherr

    (@michaelherr-1)

    Yes, the idea is that I would like the same pop up to appear on mobile and desktop. However, they must be styled a little differently. There are two ways from what I can tell to go about this.
    1. Create one pop-up for the desktop and style it accordingly. Set the rules to display on desktop only. Then create another pop up with the same content and style that accordingly. Then set the rules for that pop up to display on mobile only. However, that did not work. Both pop-ups show up on both devices.
    2. Create one pop up and style it accordingly and then in the custom CSS field apply the @media queries and style the popup accordingly for mobile. That did not work either.

    Long story short, setting two pop-ups to display on two different devices using the rules did not work and neither did one popup using custom CSS.

    Plugin Author Damian

    (@timersys)

    HI @michaelherr-1
    Sorry for the delay

    1) Could you share a screenshot of the rules? I guess something was wrong witht hem

    2) I can’t tell without seeing it.

    Could you prepare a page for any of the scenarios and share the url?

    Thread Starter michaelherr

    (@michaelherr-1)

    Certainly! Here is the link. I have it set to testing mode so it will always display as I am currently working on it.

    Lehcar Lauren Salon

    I have two pop-ups and the displays are set in reverse order so that one will show only in mobile and one on desktop.

    • This reply was modified 4 years, 8 months ago by michaelherr.
    Plugin Author Damian

    (@timersys)

    I was right, your rules are wrong because you used “OR” button creating different groups of rules, so if any group is true , the popup will show.

    you need to use AND+ button so all the rules must be true in order to show the popup.

    Thread Starter michaelherr

    (@michaelherr-1)

    After setting the pop-up using the AND+ button, the pop-up stopped working on desktop completely.

    • This reply was modified 4 years, 8 months ago by michaelherr.

    Hi.

    If you have 1 only popup to desktop and mobile so you don’t need to put a device ruler because your “Responsive Media Queries” (CSS) will solve all.

    But if you have 2 popups (one for mobile and another for desktop) so you must use the device ruler like this:

    For Mobile Popup:
    https://imgur.com/a/Ap4UgHE

    For Desktop Popup
    https://imgur.com/a/aOwoiz9

    Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile Popup’ is closed to new replies.