Menu Separation

Homepage › Community Forums › Epik Theme Support › Menu Separation

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 15, 2014 at 11:50 am #13885
    nickmustafa
    Customer

      Hi – Does this theme have any settings where we can add menu separator lines between menu items?

      At the moment my menu looks a little clustered so would like to separate each item with a line, or colour difference perhaps.

      thanks in advance

      September 15, 2014 at 4:49 pm #13888
      Eric
      Customer

        You can add a border to the left or right of your menu items, but you’ll probably need to adjust the padding/space in between each one so it shows up properly. This can all be done from your css, you’ll have to take a look at your menu code to make to figure out how you want it to look.

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        September 19, 2014 at 8:45 am #13930
        pgtreacy
        Customer

          Hi nickmustafa,

          Find this in the Epik style.css

          .genesis-nav-menu .menu-item {
          float: left;
          list-style-type: none;
          margin: 0px;
          padding: 0px;
          text-align: left;
          }

          To add a solid line below each menu item add one line ‘border-bottom : 1px solid #000000;’ like so :

          .genesis-nav-menu .menu-item {
          float: left;
          list-style-type: none;
          margin: 0px;
          padding: 0px;
          text-align: left;
          border-bottom : 1px solid #000000;
          }

          which gives you a black, 1px thick, solid line. You can choose the hex colour of your line here http://www.colorpicker.com/

          Cheers

          Phil

        • Author
          Posts
        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.