Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1210641

    Hi,

    I´ve got 2 pop ups, one that I´d like shown on larger screen sizes and another one on smaller screen sizes. Could you provide me with the css code to achieve this please?

    Many thanks

    #1210914

    Hey ProTravelGolf,

    I you want code from us then we need to be able to see the actual elements on your site.

    Best regards,
    Rikard

    #1211136
    This reply has been marked as private.
    #1211577

    Hi,

    Thanks for that, but I can’t see any popups at all on your site?

    Best regards,
    Rikard

    #1211580
    This reply has been marked as private.
    #1211729

    Hi,

    I’m not sure if this is going to work, but please try this in Quick CSS:

    @media only screen and (max-width: 767px) {
    #sgpb-popup-dialog-main-div-wrapper {
      display: none;
    }
    }

    You might still see the overlay with that code, let us know if that should be the case.

    Best regards,
    Rikard

    #1211879
    This reply has been marked as private.
    #1211934

    Rikard,

    I worked out how to do it. I added the following code directly into the popup builder css section which did the trick:

    @media only screen and (max-width: 767px) { .sgpb-popup-builder-content-popupId {
    display: none;
    }
    }
    @media only screen and (max-width: 767px) { .sgpb-content-popupId {
    display: none;
    }
    }
    @media only screen and (max-width: 767px) { .sgpb-popup-overlay-popupId {
    display: none;
    }
    }

    Thanks for your help

    #1212010

    Hi,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.