Solved

How do I align my search symbol with the menu?

deezaorganics
Excursionist
25 0 7

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 

 

Screenshot 2024-02-18 at 17.30.01.jpg

Accepted Solution (1)
Liqiud_xPert_SJ
Shopify Partner
730 93 114

This is an 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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 7 (7)

Liqiud_xPert_SJ
Shopify Partner
730 93 114

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:

2024-02-19 10_25_15-Deeza Organics - Pure Aromatherapy Oils, Cosmetic Ingredients and More.png

 

Method 2 :

Theme Customizer Settings:

- Online Theme > Theme Customizer

2024-02-02 10_21_57-.png

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
deezaorganics
Excursionist
25 0 7

Hello,

 

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

Liqiud_xPert_SJ
Shopify Partner
730 93 114

Hi @deezaorganics 

 

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

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
deezaorganics
Excursionist
25 0 7

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

Liqiud_xPert_SJ
Shopify Partner
730 93 114

Hi @deezaorganics 

 

Ok please share

 

Thanks

 

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Liqiud_xPert_SJ
Shopify Partner
730 93 114

This is an 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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
deezaorganics
Excursionist
25 0 7

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