Header Alignment Issue - Brooklyn

Will_Letts
Excursionist
14 1 1

Hi, 

I just added a 'search' icon next to the 'cart' icon on my header on mobile view like this:

IMG_4820.PNG

It looks great on iPhone, but unfortunately on other devices, such as Google Pixel Phone it looks like this:

Screenshot 2021-09-23 at 16.27.44.png

 

Can anyone suggest away I can force the header to stay 'in-line' on all devices?

Thanks, 

Will. 

Replies 5 (5)
oscprofessional
Shopify Partner
11586 1813 2318

Hi @Will_Letts ,

Welcome to the Shopify community!
Share your store url with password.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Will_Letts
Excursionist
14 1 1

Hi, 

URL is snack-box.co.uk

Thanks, 

Will.

oscprofessional
Shopify Partner
11586 1813 2318

@Will_Letts ,

In mobile device the search section in a side. 

oscprofessional_0-1632455735565.png

oscprofessional_1-1632455754015.png

check in google pixel device

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Will_Letts
Excursionist
14 1 1

Hi @oscprofessional 

Yes, I know there is a search box in the pull-out menu. I would like to also add a search icon to the header to make it as easy to find as possible. 

I have temporarily removed the icon shown in the pictures in my original post, because of the alignment issue. 

What I am hoping someone can provide is a line of code to force the icons to stay in-line regardless of the screen size. 

Thanks,

Will. 

oscprofessional
Shopify Partner
11586 1813 2318

Hi @Will_Letts ,

Activate the search icon visibility. then so that I can solve....

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing