How can I fix the header alignment issue on different mobile devices?

[Will_Letts]

Hi, 

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

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

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

Thanks, 

Will. 

[oscprofessional]

Hi @Will_Letts ,

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

[Will_Letts]

Hi, 

URL is snack-box.co.uk

Thanks, 

Will.

[oscprofessional]

@Will_Letts ,

In mobile device the search section in a side. 

check in google pixel device

[Will_Letts]

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]

Hi @Will_Letts ,

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