How can I reduce the size of my custom menu icon?

phraceaofficial · ‎02-15-2024

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. Thankyou

webwondersco · ‎02-15-2024

@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. :)..! Instagram

phraceaofficial · ‎02-15-2024

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

ThePrimeWeb · ‎02-15-2024

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.

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!

How can I reduce the size of my custom menu icon?

How can I reduce the size of my custom menu icon?

☕Buy me a coffee☕

Community Blog Articles