Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Cannot see text entry on mobile lightbox form


heathwj

Question

Site URL: https://www.jtfinejewelry.com/shop/p/platinum-ring-with-1104-carat-asscher-cut-diamond-center-gia-certified

Hi,

I have a lightbox form for product inquiries. On mobile, when you enter text in the last field, the keyboard blocks the field where you are entering text. It does not allow me to scroll to see the text until I close the keyboard. Perhaps i need some code to make the form "longer" on the bottom so it can scroll enough to see the field? Any help is much appreciated!

IMG_8173.thumb.PNG.61395f98905f3c5ab68969109b6eabb7.PNG

Link to comment

3 answers to this question

Recommended Posts

  • 0
2 hours ago, heathwj said:

Site URL: https://www.jtfinejewelry.com/shop/p/platinum-ring-with-1104-carat-asscher-cut-diamond-center-gia-certified

Hi,

I have a lightbox form for product inquiries. On mobile, when you enter text in the last field, the keyboard blocks the field where you are entering text. It does not allow me to scroll to see the text until I close the keyboard. Perhaps i need some code to make the form "longer" on the bottom so it can scroll enough to see the field? Any help is much appreciated!

IMG_8173.thumb.PNG.61395f98905f3c5ab68969109b6eabb7.PNG

This answer may do the work by adding padding to the bottom when the keyboard pop out

javascript - How to prevent mobile keyboard from covering html input - Stack Overflow

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

Thanks for the reply. The CSS makes sense to me but I'm only a novice in understanding Java. Do I need to edit that javascript to fit my situation? Where would I inject that script?

Link to comment
  • 0
On 6/29/2021 at 12:29 AM, heathwj said:

Thanks for the reply. The CSS makes sense to me but I'm only a novice in understanding Java. Do I need to edit that javascript to fit my situation? Where would I inject that script?

Add to Settings > Advanced > Code injection > Header

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...