Is it possible to add a vertical line between the menu items? This way, the menu would look more like buttons.
Vertical line between menu items
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi wouteryibs
Try the following under Appearance > Custom CSS:
.main-navigation ul li { border-right: 1px solid #000; } .main-navigation ul li:last-of-type { border-right: none; } .main-navigation ul ul li { border-right: none; }Edit the first selector to change the color and thickness as required. Delete the second selector if you want the last item to have a right border.
Hello Andrew,
That works great! Thank you. Do you know if it is also possible to add a left border to Home?
Wouter
Super. Add this one selector for the first left border:
.main-navigation ul li:first-of-type { border-left: 1px solid #000; }Let me know how that goes.
Exactly what I need! Thanks for your quick help.
Awesome, glad that did the trick.
Hi Andrew,
1. I would appreciate very much if you can tell me how to be able to have the border smaller on the height. Like this : Home I About I Services
2. How can I have the menu with a top and bottom horizontal border (in dots) and no background color?
Thank you in advance for your help!
Diane
Hi Wouteryibs
We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.
Page: New Thread
If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.