Home>Support>how to put a forward slash between menu links

how to put a forward slash between menu links

By Eli Langley, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi is it possible to put a forward slash between the links on the top menu. Same as on this website http://www.sarasamuelsson.co.uk/
Between the links Home / About / Gallery /etc
thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Elise :)

    Perhaps something like this added to Appearance > Custom CSS:

    /* Main Menu */

.main-navigation ul li:after {
    content: "/";
    color: white;
    position: absolute;
    right: 0;
    top: 34%;
}

.main-navigation ul li:last-of-type:after {
  content: none;
}

    Might need some fine tuning.

  2. 8 years, 11 months ago Eli Langley

    Thank you, you so clever. It worked, I just changed the top:% to make it line up and changed colour. Perfect

  3. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that did the trick.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More