Lead Capture Tools

ASteed
Membre

Resize pop-up on mobile to build email list

Résolue

Hi everyone, hope you're all well. I'm sorry if this is a really basic question, but I'm a complete newby and wondered if anyone has solved this problem already.

 

I've set up my pop-up box on my wordpress website to get subscribers to my newsletter, and it works well on the desktop, but on a mobile, the second page with the GDPR tick boxes only show one tick box before you have to scroll.

 

I'm concerned people will think they have signed up when they tick the single box, rather than scrolling down and ticking the second and then submitting their email address. This is primarily because two people I asked to check it have done just that.


Is there a way to increase the size of the box on a mobile so that all the elements - two tickboxes and the subscribe button - on page 2 are visible at the same time?


Thanks for any help you can give.


Ali

 

0 Votes
1 Solution acceptée
Jigar_Thakker
Solution
Conseiller clé | Partenaire solutions Diamond
Conseiller clé | Partenaire solutions Diamond

Resize pop-up on mobile to build email list

Résolue

@ASteed 

 

Not sure if this code works for you but you can try : 

 

@media (max-width: 767px) {
.your-popup-class {
height: 400px; /* Adjust the height value as needed */
overflow-y: scroll;
}
}

 

Let me know if you have any follow-up questions.

If my post was helpful in addressing your query, Support the community by indicating it as the solution.

Jigar Thakkar

Chief Business Officer

HubSpot Wizard | Community Champion

mobilePhone
+91 9082479770
emailAddress
jigar@insidea.com
website
www.insidea.com

Voir la solution dans l'envoi d'origine

5 Réponses
Jigar_Thakker
Conseiller clé | Partenaire solutions Diamond
Conseiller clé | Partenaire solutions Diamond

Resize pop-up on mobile to build email list

Résolue

Hey @ASteed 

 

To Increase the size of the elements so that they will be shown on the website you need to modify your CSS settings:  

 

Identify your CSS class or ID once you need to add the code that increases the size of your pop-ups in which you will need developers help.

 

Let me know if you have any follow-up questions.

If my post was helpful in addressing your query, Support the community by indicating it as the solution.

Jigar Thakkar

Chief Business Officer

HubSpot Wizard | Community Champion

mobilePhone
+91 9082479770
emailAddress
jigar@insidea.com
website
www.insidea.com
ASteed
Membre

Resize pop-up on mobile to build email list

Résolue
Hi JigarT, thanks so much for this. So, where does this go in the CSS? And will this make the change for the mobile too? As that is where the problem really lies to be honest. Thanks again Ali
0 Votes
Jigar_Thakker
Conseiller clé | Partenaire solutions Diamond
Conseiller clé | Partenaire solutions Diamond

Resize pop-up on mobile to build email list

Résolue

@ASteed 

 

You can usually find this information by inspecting the element using your browser's developer tools.

Jigar Thakkar

Chief Business Officer

HubSpot Wizard | Community Champion

mobilePhone
+91 9082479770
emailAddress
jigar@insidea.com
website
www.insidea.com
0 Votes
ASteed
Membre

Resize pop-up on mobile to build email list

Résolue

I'll take a look. Many thanks for your help.

Jigar_Thakker
Solution
Conseiller clé | Partenaire solutions Diamond
Conseiller clé | Partenaire solutions Diamond

Resize pop-up on mobile to build email list

Résolue

@ASteed 

 

Not sure if this code works for you but you can try : 

 

@media (max-width: 767px) {
.your-popup-class {
height: 400px; /* Adjust the height value as needed */
overflow-y: scroll;
}
}

 

Let me know if you have any follow-up questions.

If my post was helpful in addressing your query, Support the community by indicating it as the solution.

Jigar Thakkar

Chief Business Officer

HubSpot Wizard | Community Champion

mobilePhone
+91 9082479770
emailAddress
jigar@insidea.com
website
www.insidea.com