Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi there,
I added a search bar to this page as an input element: https://tajima-direct.myshopify.com/pages/replacement-lenses-maui-jim
When you click the search bar on mobile on ios, ios auto-scrolls down to center the search bar (input element). Is there a way to stop that from happening?
The reason we need to stop the auto-scroll down is that we use an AI search app that takes over when the search bar is clicked, but when it pulls up, it is scrolled down and you can't actually see the search app's search bar (it's at the top but the page has been scrolled down). I have a video attached. Maybe there's another work around too...
Thanks,
Jacob
Hi @jacobtajima
We checked that the search bar was not scrolled down to the middle, but when viewing the site on the phone, when clicking on the input box, the phone automatically jumped to the keyboard to enter text, so the search bar was pushed to the middle.
This part cannot be customized because this is the phone's hardware design. We tried checking on some other phone models and they were all the same as the images in the clip.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025