How To Make Navigation Header Text Bigger - Refresh Theme

Sewade101
Tourist
5 1 1

Hey Folks

 

Anyone know how to make the heading/navigation menu text bigger? 

 

Screenshot 2024-01-25 at 11.08.08 AM.png

 

I already added this code, but this is not changing the header/navigation text, only the menu text once you click on the dropdown. 

 

@media screen and (min-width: 990px) { .header.header--middle-left { grid-template-columns: auto 1fr auto;

 

}

 

nav.header__inline-menu { text-align: center;

 

}

}

 

a.header__menu-item.header__menu-item.list-menu__item.link { font-size: 20px;

 

}

Reply 1 (1)

techlyser_web
Shopify Partner
1127 216 236

Hello @Sewade101 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (min-width: 990px){
   a.header__menu-item span {
      font-size: 20px !important;
    }
}
</style>

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com