This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

how to put a forward slash between menu links

Resolved 3 replies premiumthemetheme-vantage
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 4 months ago

    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. Eli Langley 10 years, 4 months ago

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

  3. Andrew Misplon Staff 10 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread