Refresh Theme - Change Text Size Menu/Header

[Sewade101]

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;

}

[ThePrimeWeb]

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

[Sewade101 · Accepted solution]

That worked perfectly, thank you!

[ScottC327]

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