Header & menu

Technical Q&A
1

I need to modify my header

For desktop I need to resize icons and make them smaller and thinner if possible

For mobile I need to resize hamburger icon and other icons to make them smaller and for the windows that open with the menu I need to resize the font.

Thank you in advance!

2

Hello @sosober

For the Dawn theme, follow the below steps, and if you want to do this in another theme, then please share the URL and password of your store.

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search base.css

  • Insert the provided CSS code at the end of the file and save the changes.

.header .header__icon, .header__icon--cart .icon {
    height: 3rem !important;
    width: 3rem !important;
}
.header .header__icon .icon{   
    height: 1.5rem;
    width: 1.5rem;
}
.header header-drawer .menu-drawer__menu-item {
    font-size: 1.4rem;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.