Add a divider in drop down main menu for aesthetics

AshleyLozano
Tourist
6 0 0

I would like to add a thin line between "Contact" and "Remember Them" purely for aesthetics so the top half is more about my brand and the bottom half has other resources, etc. I can't seem to find the information anywhere. Thank you.

menu.JPG

 

Replies 2 (2)

Jasoliya
Shopify Expert
4817 623 1220

Hi @AshleyLozano 

For that you have to manage some css code but i have fast solution for that but its not exact solution but you can solve your issue.

add this cssin Asset->theme.scss at bottom of file.

#mySidenav nav ul li.mobile-nav__item:nth-child(4){ border-bottom: 1px solid white;}

Note: If you add any menu above contact then you have to adjust :nth-child(4) value.

Want custom changes? hire me.
3 months of Shopify for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here
greenvalleycbd
Excursionist
35 0 6

Doesn't work 😕