Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 16, 2014 at 11:30 am #305264
    etheravion

    Hi,

    How do I add vertical bar to main menu? For example:
    Home | About Us | Contact Us

    Thanks.

    August 18, 2014 at 1:39 pm #305720
    Yigit

    Hey etheravion!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav > li > a > span.avia-menu-text {
border-right: 1px solid #e2e2e2;
padding-right: 15px;
}

    Best regards,
    Yigit

    September 2, 2017 at 5:45 am #847055
    cm-arq

    Hi, the code works great, but the last Menu item also has its right bar. So i cant find the css to remove that particular one

    September 2, 2017 at 1:56 pm #847168
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .av-main-nav > li:last-child > a > span.avia-menu-text {
border-right: none; 
}

    If that does not help, please post a link to your website

    Best regards,
    Yigit

    September 3, 2017 at 12:49 am #847253
    cm-arq

    No, it didnt work!

    September 3, 2017 at 7:23 am #847321
    Rikard

    Hi,

    Please try this instead:

    #menu-item-155 .avia-menu-text {
    border-right: none !important;
}

    Best regards,
    Rikard

    September 3, 2017 at 3:11 pm #847391
    cm-arq

    Great!! thanks!

    Always so helpful

    September 4, 2017 at 9:19 am #847598
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    • This reply was modified 7 years, 3 months ago by Rikard.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.