separator lines in drawer dawn theme 15.0

separator lines in drawer dawn theme 15.0

MinhajAhmed106
Excursionist
54 1 10

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 you222.jpg

 

Replies 4 (4)

BSSCommerce-HDL
Shopify Partner
1100 376 447

Hi @MinhajAhmed106

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

BSSCommerceHDL_0-1719710204192.png

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 😍

 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
MinhajAhmed106
Excursionist
54 1 10

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

WalkYourStyle
Tourist
194 23 20

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

BSSCommerce-HDL
Shopify Partner
1100 376 447

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: 

BSSCommerceHDL_0-1719714940824.png

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 😍

 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency