Popup in mobile device

Hi @umberto69,

Thank you for contacting us.

It looks like the popup has a few elements like the image on top plus your “sign up” red box also has some text which makes it harder to have it all shown without scrolling. This may show for bigger mobile screen devices, but smaller ones will always require scrolling. Making it smaller may work, but this could affect user experience as they may not read it properly, or it can cause the popup to actually not have a good impression when others view it.

However, we can try doing some adjustments with CSS including making the X show a little bigger. Could you please provide me with the page URL where you have the popup set so that we can try targeting the style with some CSS?

Best,
Jonathan S

Hi,
the page is: this

Thank you

Hey there @umberto69, thank you for following up.

Could you please try the following CSS and add it to the custom CSS section of the popup:

@media only screen and (max-width: 700px) {
.hustle-ui .hustle-button-icon [class*=hustle-icon-] {
    display: block;
    margin-right: 60%;
    font-size: 12px;
}

.hustle-ui.module_id_8 .hustle-layout {
    padding: 250px 5px 0px 5px;
    margin: 1% 10% 1% 0%;
}

}

Let us know how it goes.

Jorge

Hi,
i tried the css, but it doesn’t change anything.
I then put a left margin in the Pop-up Container (mobile) and the popup settled.
The strange thing is that I then reset the value to 0 and the popup continues to look good. I cleaned the cache thinking that was the cause, but it still looks good. I don’t understand what happened …
I entered the permit to enter, if you can do it check for yourself.
Thank you

SCREENSHOT

Hi @umberto69,

I checked the page and could the popup showing up properly on mobile too. It may have been a styling asset not being applied due to cache. I will mark this as resolved but feel free to contact us back in case you have any additional questions.

Best,
Jonathan S