Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 20, 2015 at 5:04 pm #555609
    allthingswell

    How do you create horizontal separator lines between the items on a menu list, such as a sidebar menu in Enfold? I know it is standard with some other themes (Avada ,Genesis) but I cannot figure out how to configure it in Enfold . Thanks, I love the theme!

    • This topic was modified 9 years, 2 months ago by allthingswell.
    December 20, 2015 at 7:44 pm #555634
    Basilis

    Hey allthingswell!

    can we please give a look at the page you want to do it and at the list?
    Thanks a lot for your patience

    Cheers!
    Basilis

    December 20, 2015 at 10:01 pm #555676
    allthingswell

    The Enfold page in question is in Instant WordPress so I will need to send you a screen shot. The site must be built offline to prevent duplicate content. Please tell me how to send you a screen shot.

    Here is a Genesis theme page with a right sidebar menu that has the needed horizontal separator lines between the menu items: http://drrandifredricks.com/counseling/

    Unfortunately, this is really a big problem (not just cosmetic) because in an iPad the sidebar menu items all run into each other. I am hoping I add the horizontal separator lines without having to hire someone to change the code. I really prefer Enfold to Avada but this is a deal breaker.

    Thank you so much for your help with this.

    December 21, 2015 at 3:19 am #555717
    allthingswell

    I installed the page for you so could see it at http://bullcrapdomain.com/.

    I need to create horizontal separator lines between the menu items.

    Please let me know how.

    Thanks.

    December 21, 2015 at 4:08 pm #555993
    Yigit

    Hey!

    Please go to Enfold theme options > Header and choose Large Separator in “Separator between menu items”

    Cheers!
    Yigit

    December 21, 2015 at 11:17 pm #556221
    allthingswell

    Thanks but that is not what I asked about. That puts VERTICAL separators between the menu items in the top navigation.

    As I asked originally:

    How do you place HORIZONTAL separator lines in the a right sidebar menu? http://bullcrapdomain.com/.

    Please let me know if it can ot cannot be done because I need to fix this. Thanks.

    December 23, 2015 at 6:38 am #556890
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #menu-home-sidebar li {
    border-bottom: 1px solid #ddd !important;
}

    Regards,
    Rikard

    December 23, 2015 at 4:08 pm #557013
    allthingswell

    Thanks you so much!
    This looks great and solved the problem.
    Happy Holidays.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to create horizontal separator lines between items on sidebar menu list’ is closed to new replies.