Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 29, 2014 at 3:57 pm #326618
    koala

    How would I create more space between the menu items?

    Example:

    Item1 (SPACE) | (SPACE) item2 (SPACE) | (SPACE) item3 (space)

    I used this CSS, but the space is only on the left (see site below).
    .av-main-nav > li > a { padding: 0 25px; }

    Important: I want to make sure the hover lines below the menu items stay the same width between the | items.

    September 29, 2014 at 4:04 pm #326629
    Yigit

    Hi saki!

    Please add following code to Quick CSS as well

    .avia-menu-fx { left: -12px; }

    Cheers!
    Yigit

    September 29, 2014 at 4:28 pm #326662
    koala

    No change after adding the above css. I have included the login if that helps.

    September 29, 2014 at 4:31 pm #326665
    Yigit

    Hi!

    Please flush browser cache and refresh your page a few times. This is how it looks on my end – http://i.imgur.com/79foZu3.png

    Best regards,
    Yigit

    September 29, 2014 at 6:49 pm #326725
    koala

    Hmm, I do so, but the menu space on each side is not equal. Here’s what I see:

    https://dl.dropboxusercontent.com/u/52916400/menuspace.png

    September 30, 2014 at 5:45 am #327000
    Ismael

    Hey!

    You can add this on Quick CSS or custom.css:

    .av-main-nav > li > a > .avia-menu-text:after {
content: "";
position: absolute;
right: -25px;
border-right: 1px solid #e2e2e2;
height: 100%;
top: 0px;
}

    Best regards,
    Ismael

    September 30, 2014 at 4:15 pm #327379
    koala

    That works for spacing, but the hover line below it is still not in the right place when people hover.

    September 30, 2014 at 4:18 pm #327383
    Yigit

    Hey!

    Please remove the code i posted here – https://kriesi.at/support/topic/increase-space-between-menu-items/#post-326629

    Regards,
    Yigit

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