Search bar not displaying properly on mobile, but okay on desktop

marcuslim · ‎02-20-2024

Dear all,

On my mobile website www.florismdeart.com.my , when clicking the search bar the search function is not displaying properly. Can anyone diagnose this problem?

Liquid_xPert_SJ · ‎02-20-2024

Hi@marcuslim welcome to the Shopify Community,

It is because there is a language switcher which is taking too much space on mobile. if you change the position of the language switcher the issue will be resolve.

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

MilesWeb · ‎02-20-2024

We think there is a padding and margin issue of the search bar. Your development team can resolve this issue. We attached the screenshot below on highlighting the error.

You can take the currency option to left hand side or add this option while checkout only. It is recommended.

MilesWeb

View solution in original post

Liquid_xPert_SJ · ‎02-20-2024

Hi@marcuslim welcome to the Shopify Community,

It is because there is a language switcher which is taking too much space on mobile. if you change the position of the language switcher the issue will be resolve.

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee ☕ for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
- Need THEME UPDATES but have custom codes? No worries, for an affordable price.

marcuslim · ‎02-20-2024

Tqvm! this solves the problem

MilesWeb · ‎02-20-2024

We think there is a padding and margin issue of the search bar. Your development team can resolve this issue. We attached the screenshot below on highlighting the error.

You can take the currency option to left hand side or add this option while checkout only. It is recommended.

MilesWeb

marcuslim · ‎02-20-2024

Tqvm! this solves it

Search bar not displaying properly on mobile, but okay on desktop

Search bar not displaying properly on mobile, but okay on desktop

Community Blog Articles