How can I make the main menu uppercase on full screen only in Dawn theme?

[Stephw1]

Would like the main menu to be all uppercase with also a slightly larger font on the full screen but not on the mobile version. Would like the mobile version to stay as it is. Not sure if this is possible. Thanks

Dawn Theme

[Made4uo-Ribe]

Hi @Stephw1 

Would you mind to share your store URL? Thanks!

[Stephw1]

Yeah it’s - www.homesbright.com

[Made4uo-Ribe]

its password protected. 

[webwondersco]

@Stephw1 , Yes this is possible.

could you please share your store front password? so can check and guide you accordingly.

[Stephw1]

That would be great thanks. 
Password is mowske 

[webwondersco]

@Stephw1 , Please add the below line of CSS code at the end of your base. css file.You can find this file under the assets folder.

body .header__menu-item span {
    text-transform: uppercase;
    font-size: 15px;
}

YOu can update the px value as per your taste.

[Stephw1]

 Have I done this correct? If so it hasn’t worked 

[webwondersco · Accepted solution]

No, add it separately.  please check below attached screenshot.

[Stephw1]

Its worked! Thank you so much