Recent
Categories
View Replies (5)

Divider between 2 menu items

0
Votes
Undo
  1. Pappy
    Pappy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 09 June 2016
  5.  Subscribe via email
How would I add a vertical line/divider between menu items. See example.
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your menu?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Pappy
Pappy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I haven't started on the site yet, but will be using one of your template with the hornav.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

The solution would vary depending on the template you are using?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Pappy
Pappy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
right now I'm thinking Fedora

I'm using border-right, and it does work for Fedora, but was wondering if you recommend a better way.

.hornav ul li a {
border-right: 1px solid #ffffff;

}

I do not want a divider at the end, so this is to remove the last one:

.hornav ul li:last-child {
border-right: none;

}
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


.hornav > ul > li > a {

    border-right: 1px solid #fff;

    line-height: 30px;

    margin: 36px 0;

}

.hornav > ul > li:last-child > a {

    border: medium none;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!