is there a way to move the dividing lines in the primary menu?

  • I am using the tempera theme at this site

    https://www.astralingua.com/makeitso

    On the primary menu, there are dividing lines to the left of each menu item, not to the right, and I am hoping to switch this so that the lines appear to the right of each item. Meaning instead of a menu that looks like this:

    I music I news I about I store I contact (icon) (icon) (icon)

    it looks like this:

    music I news I about I store I contact I (icon) (icon) (icon)

    any way to achieve this?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this:

    .socials {
    margin-left: 20px;
    }

    #access > .menu > ul > li > a > span {
    border-right: 1px solid;

    }

    See if these rules are repeating throughout you theme and correct that only if it’s a problem.

    Thread Starter astrali1

    (@astrali1)

    Thanks Marcellas,

    I added that and it moved the menu over to the left a little bit (creating a larger gap between the word CONTACT and the facebook icon, but it didn’t change the location of the dividing lines.

    In case my description wasn’t clear, I’m basically trying to remove the dividing line that is before the word MUSIC in the menu, and if possible also add one after the word CONTACT.

    Thanks again ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘is there a way to move the dividing lines in the primary menu?’ is closed to new replies.