Solved

Refresh Theme - Change Text Size Menu/Header

Sewade101
Tourist
5 1 1

Hi Folks

 

Anyone know how to change the text size for this menu/header?

 

I am using the refresh theme. 

 

Thank you!

 

PS I have already added this code, but this is only changing the text size on the navigation menu once the dropdown arrow is clicked. 

 

@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;

}

 

Screenshot 2024-01-25 at 11.08.08 AM.png

Accepted Solution (1)
Sewade101
Tourist
5 1 1

This is an accepted solution.

That worked perfectly, thank you!

View solution in original post

Replies 2 (2)

ThePrimeWeb
Shopify Partner
1852 523 401

Hey @Sewade101,

Modified your CSS code, please replace with the following

@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,
.header__menu-item span {
   font-size: 20px;
}
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!
Sewade101
Tourist
5 1 1

This is an accepted solution.

That worked perfectly, thank you!