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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok