Hi, can you please help me add lines on my header .menu-drawer like the ones on the picture (but white).
Thank you
Pass: biangu
Topic summary
A user seeks help adding white horizontal lines to their header menu drawer, similar to a reference image they provided. They shared their store URL (matibrnd.com) and example screenshots.
Solutions offered:
- topnewyork suggested adding CSS code to the base.css file targeting menu drawer items with text-decoration: underline
- HM_Helal recommended inserting CSS code into theme.liquid above the tag
Current status:
The user responded that the solution is “almost” working but needs adjustment—they want the lines to extend all the way to the right edge, referencing “thehundreds” as an example. They provided an additional screenshot showing the desired result.
The discussion remains open with the user awaiting a refinement to make the underlines span the full width of the menu items.
Hi MT27,
In Shopify Admin, navigate to “Edit theme code”, then open the “base.css” file and add the following code at the end:
a.menu-drawer__menu-item.list-menu__item.link.link--text.focus-inset.menu-drawer__menu-item--active,
a.menu-drawer__menu-item.list-menu__item.link.link--text.focus-inset{
text-decoration: underline;
}
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Hey @MT27
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Helal
