Decreasing the size of menu icon

phraceaofficial
New Member
4 0 0

Hi, could anyone help please. I have changed the hamburger menu icon to my own but want it to be smaller, the same size as the other icons in the header. For some reason its so much bigger. ThankyouScreenshot 2024-02-15 at 13.34.06.png

Replies 3 (3)

webwondersco
Shopify Partner
1036 157 154

@phraceaofficial hope you are doing well.

 

Could you please share your store URL? so can check and guide you

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
a small Coffee Tip would be greatly appreciated. 🙂
phraceaofficial
New Member
4 0 0

yeah sure! its https://phraceà.com/

ThePrimeWeb
Shopify Partner
1771 498 365

Hey @phraceaofficial,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Change the height and width as you like.

<style>
.header__icon svg {
    height: 50px;
    width: 20px;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708006775294.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website