Solved

How can I add white lines to my header menu drawer?

MT27
Pathfinder
148 6 10

Hi, can you please help me add lines on my header .menu-drawer like the ones on the picture (but white).

Thank you 

URL: https://matibrnd.com/

Pass: biangu

MT27_0-1706097396769.pngMT27_1-1706097418238.png

 

Accepted Solution (1)
MT27
Pathfinder
148 6 10

This is an accepted solution.

Almost, can you please make go all the way to the right, like example (thehundreds). Thank you 

MT27_0-1706104858001.png

 

View solution in original post

Replies 3 (3)

topnewyork
Navigator
285 32 43

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!

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
MT27
Pathfinder
148 6 10

This is an accepted solution.

Almost, can you please make go all the way to the right, like example (thehundreds). Thank you 

MT27_0-1706104858001.png

 

HM_Helal
Shopify Partner
39 8 7

Hey @MT27 


Please add this code to your theme.liquid above the </head> 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 </head>

 

 

<style>
@media only screen and (max-width: 767px){

.js .menu-drawer__menu li {
    border-bottom: 1px solid #cbcbcb;
    margin-left: 15px;
}
.js .menu-drawer__menu li:last-child {
    border-bottom: none !important;
}
.menu-drawer__menu-item {
    padding-left: 0 !important;
}

}
</style>

 

 


Hope this can help you solve the issue

Best regards,
Helal