Joomla Templates Club 406,261 posts

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#208130

How can I insert separating lines between menu items on the main menu? See attached image as example.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576058

Hi there
Please try this one

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: rgba(0, 0, 0, 0);
color: #ffffff
border-right: 1px solid black;
}
Thank you,
Viet Vu

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#576065

Thank you, but it is only on one main menu item. How can I have it repeat on all other main menu items?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576066

Hi there
You can apply same thing without :focus

.navbar-default .navbar-nav > .active > a {
background-color: rgba(0, 0, 0, 0);
color: #ffffff
border-right: 1px solid black;
}

Thank you,
Viet Vu

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#576070

Tried it, but it does not work either.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576080

HI there
Please provide your site & CPanel access. I’ll help you work on it.

Thank you,
Viet Vu

[Author]

Posts