Resize pop-up on mobile to build email list

[ASteed]

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

[Jigar_Thakker]

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.

[ASteed]

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

[Jigar_Thakker]

@ASteed 

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

[ASteed]

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

[Jigar_Thakker · Accepted solution]

@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.