Refresh Theme - Change Text Size Menu/Header

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 3 (3)

ThePrimeWeb
Shopify Partner
2139 616 506

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!

ScottC327
Visitor
1 0 0

@Sewade101  - I added your code snippet to my base.css file on version 15.1 of the Refresh theme.  However, the submenu items are still the original font size.  How do we adjust these to be the same size?  Thanks!