How can I add a divider line to my dropdown menu?

[Richey]

I'm looking at adding a divider line to my menu but can't seem to work out how to do it. Any ideas of what code I would need? ideally a feint line and more padding after "3 for £20" but before "Magazines" a bit like I've illustrated.

[Dan-From-Ryviu]

Hi @Richey 

Drop your store link please

[Richey]

https://3c829e-2.myshopify.com/

password: Thankyou

🙂

[Dan-From-Ryviu]

Hi @Richey

Dod you wan to add diver just in that menu? 

[Richey]

yes just that one, please.

[Dan-From-Ryviu · Accepted solution]

Please add this code at the bottom of your base.css fi

#HeaderMenu-library-magazines:before {
    content: '';
    background: #000;
    height: 2px;
    width: 80px;
    margin-left: -8px;
    position: absolute;
    top: 0px;
}
#HeaderMenu-library-magazines {
    position: relative;
    margin-top: 12px;
}

le in Online store > Themes > Edit code 

[Richey]

Very good. With a little tweaking of the height and margins I've made it spot on! Thank you so much. Really, really appreciate it.

[weloveminerals]

Hello,

how would I do it if the title in the dropdown menu has a space? I'd like to add a divider between "Zeolites" and "Algerian minerals". I tried it out but I'm not sure how to handle the space in "Algerian minerals".

Theme Dawn

https://58065e-5d.myshopify.com

Cheers Holger