How do i add space between my icons in the header section

Solved
ProGLITZ
Tourist
4 0 1

Hi,

Please help. I have spent the last 2 days trying to figure this out and i have got nowhere. 

I wanted to add a heart icon to the header for customers to save to their wish list. I want this next to the account icon and before the cart icon. I also want the search icon moving next to my menu ( where the heart seems to of took place to )

Thank you for your help in advance. Below is a link to the website.

 

Nikki 

 

https://proglitz.co.uk/

0 Likes
Pallavi
Shopify Expert
1269 174 209

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

a.swym-wishlist {
position: absolute;
content: '';
top: 34px;
left: 64px;
bottom: -8px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}

@media only screen and (max-width: 640px){
a.swym-wishlist {
top: 22px;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Natztech
Shopify Partner
606 159 401

@ProGLITZ   please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 429px){
  .Header .Header__Wrapper .Header__FlexItem  a.swym-wishlist{
    position: absolute !important;
    left: 45px !important;
}
}
 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
ProGLITZ
Tourist
4 0 1

Thank you so much, it has worked. 

Nikki

Pallavi
Shopify Expert
1269 174 209

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing