Change the font of sub-menu or extend the length

Topic summary

Goal: adjust a submenu’s font (likely font-size) and extend its width in the Envy theme.

Initial attempt: a CSS media query targeting .header__submenu .header__menu-item did not take effect.

Guidance provided: add custom code in theme.liquid (Shopify’s main layout file) above the tag to override submenu styles. After the first try didn’t change the UI, the site URL and password were shared so the helper could inspect and provide a corrected snippet.

Outcome: the revised code successfully changed the submenu font presentation; a follow-up request to extend submenu width was confirmed via a screenshot, and an additional code snippet was provided to increase submenu length.

Notes:

  • CSS (Cascading Style Sheets) rules were central; placement and selectors mattered for overriding theme defaults.
  • Screenshots and code blocks (shared within the thread) were essential to understanding the solution.
  • The site was password-protected; credentials were shared for review.

Status: resolved. Working custom CSS was supplied for both font adjustments and submenu width extension; no remaining open questions were noted.

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

You want to change the font or the font-size?

And extend the length how?