Reformation theme - How to Reduce Header icon (Search, login,cart)

[noend]

Hello there

Can someone point me or explain how to code for adjusting the Reduce Header icon (Search, login,cart) smaller than now? 

Link: https://noenddenim.com/

Thank You !

[Made4uo-Ribe · Accepted solution]

Can you try to paste on the app.css? If not paste on the theme.liquid. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
a.thb-secondary-area-item.thb-secondary-myaccount {
    font-size: 12px;
}
.thb-secondary-area.thb-header-right svg {
    width: 15px;
    height: 15px;
}
</style>

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Made4uo-Ribe]

Hi @noend 

This won't be user-friendly if the icons are barely visible to the users. 

Check this one then. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

a.thb-secondary-area-item.thb-secondary-myaccount {
    font-size: 12px;
}
.thb-secondary-area.thb-header-right svg {
    width: 15px;
    height: 15px;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[noend]

Hi there!

Thank you so much for helping. I can't find either of main.css(base.css, style.css or theme.css) in the asset folder is there other names?

[Made4uo-Ribe · Accepted solution]

Can you try to paste on the app.css? If not paste on the theme.liquid. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes"

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
a.thb-secondary-area-item.thb-secondary-myaccount {
    font-size: 12px;
}
.thb-secondary-area.thb-header-right svg {
    width: 15px;
    height: 15px;
}
</style>

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[noend · Accepted solution]

Thank you so much!!!!