hello! this only changed bag, not menu, how can I change menu now to match bag? TIA
Topic summary
A user asked how to simultaneously change the font and size of both the menu and shopping bag elements in their Shopify store’s header (using Studio theme).
Initial Solution:
A CSS code snippet was provided to add to the theme’s base.css file, targeting header elements including .header__heading-link, .menu-drawer__menu-item, and .header__icon--cart.
Issue Encountered:
The initial code only modified the bag element, not the menu text.
Final Solution:
An additional CSS rule was needed specifically for the menu:
.header__icon--menu:before {
content: "Menu" !important;
color: #000 !important;
position: inherit !important;
font-size: 16px;
}
This targeted the menu’s pseudo-element to apply the desired font size, matching the bag styling.
Status: Resolved. The user confirmed the solution worked successfully.