Editing Menu — adding seperators into menu

  • Krupesh

    (@krupesh)


    11 years, 5 months ago

    Hello

    I am trying to figure out how i can customize my menu so that i can either put in separators or divide the menu into 2 with a bit of a gap in between.

    My site is listed below, but what i would like to do is either separate the First 5 options from the last 2 with a ” || ” or align the first 5 to the left and the last 2 to the very right.

    Is there some way to do this using CSS (i don’t know much (or any) of coding but can follow instructions)

    I appreciate the help

    thank you

    — http://trailheadontario.com/

Viewing 1 replies (of 1 total)
  • CrouchingBruin

    (@crouchingbruin)

    11 years, 5 months ago

    Go to the Miscellaneous section of the theme’s settings page and copy & paste these two CSS rules to the Custom CSS field:

    #menu-item-4815 {
   border-right: 2px solid gray;
   margin-right: 10px;
}

#menu-item-4823 {
   border-left: 1px solid gray;
}

    The first rule adds a line to the right of the fifth menu item, and adds 10px of spacing to the right. The second rule adds a line to the left of the sixth menu item. Adjust the values (color, margin spacing) as you prefer.

Viewing 1 replies (of 1 total)

The topic ‘Editing Menu — adding seperators into menu’ is closed to new replies.

Tags