Phone Number Country Selector

AlexMorrisonYMC
Participant

Hi! 

The Country Code Selector (on all browsers) is overlapping the input field for phone numbers. Does anyone know how to correct this styling issue? 

https://yourmove.is/happiness-assessment

1 Accepted solution
Olivia_Bagnall
Solution
Guide

@AlexMorrisonYMC 

Hi Alex. The issue is with our 15px padding that has been added to the right of your form fields. If you remove this, you will not get the overlap. 

Do you need help locating how to remove it? It looks like it is coming frol the base.min.css:1 file. 

Screenshot 2024-09-09 at 11.11.38.png

Screenshot 2024-09-09 at 11.14.03.pngScreenshot 2024-09-09 at 11.14.03.png

Olivia Bagnall

Inbound Consultant | HubSpot Specialist | Community Champion

emailAddress
o.bagnall@baskey.eu
website
www.baskeydigital.com
Book a consultation

View solution in original post

3 Replies 3
AlexMorrisonYMC
Participant

That was it. Thank you Olivia! 

Olivia_Bagnall
Solution
Guide

@AlexMorrisonYMC 

Hi Alex. The issue is with our 15px padding that has been added to the right of your form fields. If you remove this, you will not get the overlap. 

Do you need help locating how to remove it? It looks like it is coming frol the base.min.css:1 file. 

Screenshot 2024-09-09 at 11.11.38.png

Screenshot 2024-09-09 at 11.14.03.pngScreenshot 2024-09-09 at 11.14.03.png

Olivia Bagnall

Inbound Consultant | HubSpot Specialist | Community Champion

emailAddress
o.bagnall@baskey.eu
website
www.baskeydigital.com
Book a consultation
Gaurav_Aggarwal
Key Advisor

Hey @AlexMorrisonYMC 

 

Oh, I see you are facing this issue. 

Gaurav_Aggarwal_0-1725865881690.png

 

This is a HubSpot form?

Gaurav Aggarwal
CEO Truva AI | Hubspot Partner
HubSpot Expert, Key Advisor

Have questions? Get answers:

Get Premium Support

Did my post help answer your question? Mark this as a solution.

0 Upvotes