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

Topic summary

Goal: Make the Dawn theme’s main menu appear in all uppercase with a slightly larger font on desktop/full-screen, keeping the mobile menu unchanged.

Access: The store URL was provided but was password-protected; the storefront password was shared to allow checking.

Solution proposed: Add a CSS rule in Assets > base.css targeting the main menu items (selector: body .header__menu-item span) to apply text-transform: uppercase and adjust font-size (e.g., 15px), with the size customizable.

Issue and fix: The code was initially placed incorrectly. After guidance to add it separately at the end of base.css (supported by a screenshot showing the correct placement), the styling took effect.

Outcome: The menu styling updated successfully; the requester confirmed it worked. No additional changes or mobile-specific tweaks were discussed. Status: resolved.

Summarized with AI on January 7. AI used: gpt-5.

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