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
15830 2369 3071

Hi @Will_Letts ,

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Will_Letts
Excursionist
14 1 1

Hi, 

URL is snack-box.co.uk

Thanks, 

Will.

oscprofessional
Shopify Partner
15830 2369 3071

@Will_Letts ,

In mobile device the search section in a side. 

oscprofessional_0-1632455735565.png

oscprofessional_1-1632455754015.png

check in google pixel device

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | 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
15830 2369 3071

Hi @Will_Letts ,

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing