How do I align my search symbol with the menu?

[deezaorganics]

Hello, 

Please I need step by step help with aligning my search symbol with the menu. Please see image below for how it looks at the moment 

 

[Liquid_xPert_SJ]

Hi @deezaorganics welcome to the Shopify Community,

Can you please paste below code into theme customizer or base.css file at the end.

Method .:  Placing code in base.css file

 > Online Theme > Edit Code > find base.css file and paste at the end and hit save.

summary.header__icon.header__icon--search.header__icon--summary.{
    height: auto;
}

Results:

Method 2 :

Theme Customizer Settings:

- Online Theme > Theme Customizer

Thanks

[deezaorganics]

Hello,

Thanks a lot for this however it did not work for me. Not sure why. I tried both options

[Liquid_xPert_SJ]

Hi @deezaorganics 

i guess it should work 100%. because i have tried it already. Do you want me to do that for you ?

Thanks

[deezaorganics]

Yes please i dont mind. I posted exactly what you sent but no change.

[Liquid_xPert_SJ]

Hi @deezaorganics 

Ok please share

Thanks

[Liquid_xPert_SJ · Accepted solution]

Hi @deezaorganics 

please put this code into your theme.liquid file before the </body> tag

.header__search summary.header__icon.header__icon--search.header__icon--summary {
    height: auto !important;
}

Thanks

[deezaorganics]

Thank you very much! You were of great help. God bless you