How can I properly align the icons on my online store?

[mayanevy]

Hi! I’ve added some icons to my store but they don’t look very well aligned.. Is there a way to change this?

[Moeed]

Hey @mayanevy
Share your Store URL and password as well if you have it enabled.

[Simonsron]

.swym-header-launcher-icon {
line-height:1;
}

try this

[INA_MSWEB]

Hi @mayanevy

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

Can you pls share your store URL with me, so i can check it once in my device and find the exact solution.

Regards,

Santanu

[mayanevy]

Thank you, but where do I add it? header liquid?

[mayanevy]

https://nevy.co.kr/ password is nevytesting123

thank you!

[Simonsron]

in base.css

[Moeed]

Hi @mayanevy

I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/custom-style.scss.css->paste below code at the bottom of the file:

svg {
    margin-top: 20px;
}
a.link.list-social__link {
    margin-top: -10px;
}

[mayanevy]

didn’t make a difference unfortunately

[mayanevy]

I don’t have this file

[Moeed]

I’d like to suggest another idea then:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Layout->/theme.liquid->paste below code before at the bottom of the file:

If this works then don’t forget to Mark it as Soultion.
Thank you!

[mayanevy]

That did make it better but also moved this arrow down on accessories..

[Simonsron]

.swym-header-launcher-icon {
line-height:1 !important;
}

There is a base.css file under the assets directory, put it in this file!

[Moeed]

Add this code under

svg.icon.icon-caret {
    margin-top: -2px;
}

[mayanevy]

Thank you that worked!