separator lines in drawer dawn theme 15.0

[MinhajAhmed106]

hi, i want to put separator lines like this on my shopify store. how can i do that ! post the solution i will not share my store details, i want to do it by myself so i can learn it while doing it thank you

[BSSCommerce-HDL]

Hi @MinhajAhmed106, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.menu-drawer__menu.has-submenu li {
    position: relative;
}
.menu-drawer__menu.has-submenu li::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 1px;
    background-color: #0000001f;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[MinhajAhmed106]

it wasnt done well i wanted exactly like what was in example picture. 

[WalkYourStyle]

Can you show an image of how it looks after the code you've added?

[BSSCommerce-HDL]

Hi @MinhajAhmed106, Pls try again with this code: 

<style>
ul.menu-drawer__menu.has-submenu.list-menu li {
    border-bottom: 1px solid #80808057;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍