Lead Capture Tools

ASteed
Member

Resize pop-up on mobile to build email list

SOLVE

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 Upvotes
1 Accepted solution
Jigar_Thakker
Solution
Key Advisor | Diamond Partner
Key Advisor | Diamond Partner

Resize pop-up on mobile to build email list

SOLVE

@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

View solution in original post

5 Replies 5
Jigar_Thakker
Key Advisor | Diamond Partner
Key Advisor | Diamond Partner

Resize pop-up on mobile to build email list

SOLVE

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
Member

Resize pop-up on mobile to build email list

SOLVE
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 Upvotes
Jigar_Thakker
Key Advisor | Diamond Partner
Key Advisor | Diamond Partner

Resize pop-up on mobile to build email list

SOLVE

@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 Upvotes
ASteed
Member

Resize pop-up on mobile to build email list

SOLVE

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

Jigar_Thakker
Solution
Key Advisor | Diamond Partner
Key Advisor | Diamond Partner

Resize pop-up on mobile to build email list

SOLVE

@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