New to the community? Start here

[Hustle Pro] Hustle Pro pop-up mobile

Hey team! The pop-up on the website dansstudiopoppelaars.nl is not reponsive. Please find below screenshot. Is there any way to change this? Can you help? I’m using Hustle Pro. Thank you.

[attachments are only viewable by logged-in members]

Thu, 14 Jan 2021 10:43:24
More Hustle Pro discussions
Hustle Pro
  • Adam
    • Support Gorilla

    Hi Sylvia Faasse

    I hope you’re well today!

    I checked the popup and it is actually responsive but there’s some “flaw” below certain screen width. In most cases this is related to how theme’s CSS is constructed but can also be fixed with additional CSS.

    This should help: 

     @media only screen and (max-width: 783px) {
.hustle_module_id_1 {
	padding-left:0!important;
}
.hustle-ui.hustle-popup .hustle-popup-content {
	width:90%!important;
}
}

    To apply to the site, please add it via “Appearance -> Customize -> Additional CSS” rather than as custom CSS in popup settings. Once added, makes sure to clear all caches on site and it should do the trick.

    It works nice tested directly through browser so should help once added to site.

    Best regards,
    Adam

  • Adam
    • Support Gorilla

    Hi Sylvia Faasse

    Thanks for response!

    It looks like the CSS that I shared didn’t get applied to the popup at all. I mean, even if you added it in correct place (“Appearance -> Customize -> Additional CSS”:wink: it doesn’t seem to be actually loaded on the site and applied.

    I understand that after adding CSS you have cleared cache on site, right? I’m not sure how you did it but could you please try this way:

    – go to “Hummingbird -> Dashboard” page specifically and click on “Clear cache” button there (not any other but just this specific one)

    – and then additionally if there’s any server-side cache (some hosts do implement such cache) and you have access to it, clear it as well.

    If that still doesn’t help, I’ll need to take a closer look. In such case would you please grant me a support access to the site so I could check it?

    To do so, go to the “WPMU DEV -> Support -> Support Access” page in site’s back-end and click on “Grant support access” button there, then let me know here once it’s done (as I won’t be notified automatically).

    Best regards,
    Adam