Mobile Header Design

[ChrisW3]

https://www.physioworldshop.co.uk/

Our header on mobile looks a mess:

Issues:

• Move magnifying glass icon to right hand side of bar
• Use better magnifying glass icon
• Use better phone icon
• Use better basket icon (must be basket, not bag)
• Reduce gap between icon & search bar
• Reduce gap between search bar and phone number

Any other suggestions welcome

We want it to look more like this:

Can someone advise how we achieve this please

[rajweb]

Hey @ChrisW3 ,

Thank you for bringing this up! I can certainly help fix the issues with your mobile header. Based on your description, here's what I’ll do:

- Move the magnifying glass icon to the right-hand side of the bar.

- Replace the magnifying glass and phone icons with better versions.

- Change the basket icon to a proper "basket" icon (instead of a "bag").

- Reduce the gap between the icons and the search bar.

 - Reduce the gap between the search bar and the phone number.

To proceed, I would need access to your store to make these changes. Please feel free to reach out via email, and we can discuss the details further.

Additionally, I’ll take a look at the design you’ve provided and ensure it matches the layout you want.

Let me know how you'd like to proceed!

Best regards,
Rajat