Separator line in a dropdown menu?

Support
#1

I have Pro and I’m looking for the ability to add a separator line to divide up my nav. Example:

NAV ITEM

NAV ITEM

NAV ITEM

  • A SEPARATOR LINE HERE -

NAV ITEM

NAV ITEM

Wondering if this is possible or through adding some hack to the Menus in WP + some CSS?

cheers.

#2

Hello Shane,

Thanks for writing in! Are you using navigation inline element in your header? If that is the case, you can breakdown your navigation menu into two separate menus. You will have menu 1 and menu 2. When inserting the menus into your header, you can actually insert a line element between the two menus which would accomplish what you have in mind.

Hope this makes sense.

#3

Hi thank you, Yeah it’s a horizontal navigation…

Ok but in the Header customization of the navigation, how do I add a second menu so its in the same dropdown menu? I looked all over the inspector and didn’t see an option to add it.

cheers!

#4

Hi Shane,

That is only possible with Custom CSS, you can add a CLASS to your Menu Items and use that class to style it. You can apply a border-bottom to it.


If you don’t see the class option on your menu items, please see the Screen Options at the upper-right. and Make sure the CSS Classes option is enabled.




Hope it helps,
Cheers!

#5

Super thanks, that worked.

#6

Glad that we could help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.