Modify hamburger menu font

Topic summary

Request to change the font family and size of a submenu in the mobile hamburger menu of a Shopify theme.

  • Working: A CSS snippet successfully styles the desktop mega‑menu: .header-wrapper .header__menu-item.header__menu-item { font-size: 25px !important; font-family: 'Butler-Free-Lgt' !important; }.
  • Need: Guidance on how to adapt/target the correct selectors for the hamburger menu submenu (mobile navigation uses different markup/selectors).

No answers or solutions provided yet; the issue remains open.

Summarized with AI on December 24. AI used: gpt-5.

Hi,

I have an issue to modify the font and size of the submenu in the hamburger menu.

I’ve already found this code that work to change the mega-menu but I don’t know how to modify it to fit the hamburger menu.

Someone have an idea ?

Thanks

.header-wrapper .header__menu-item.header__menu-item {
font-size: 25px !important;
font-family: ‘Butler-Free-Lgt’ !important;
}