How can I align custom cart and search icons in my header?

Solved

How can I align custom cart and search icons in my header?

EthanOSHOP
Explorer
71 0 14

My cart icon is slightly below my search icon in the header. Can I fix this? They are both custom icons.

 

Image 24-01-2024 at 09.35.jpeg

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2139 616 520

This is an accepted solution.

Hey @EthanOSHOP,

Add this to your CSS

#cart-icon-bubble {
  transform: translateY(-2px);
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 7 (7)

helen25
New Member
16 0 0

Hi EhanOSHOP,

Please share your website Url so i make the changings

Danishshopdev
Shopify Partner
163 17 20

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

banned
EthanOSHOP
Explorer
71 0 14

wintheoryco.com

niraj_patel
Shopify Partner
2391 516 513

Hello @EthanOSHOP 
can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
EthanOSHOP
Explorer
71 0 14

the URL is wintheoryco.com

ThePrimeWeb
Shopify Partner
2139 616 520

This is an accepted solution.

Hey @EthanOSHOP,

Add this to your CSS

#cart-icon-bubble {
  transform: translateY(-2px);
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Danishshopdev
Shopify Partner
163 17 20
.header-localization:not(.menu-drawer__localization) {
    align-items: flex-start !important;
}

 

 

try to paste this code in your css file or in custom code section.in theme setting 

banned