WordPress.org

Forums

Spacing problem on navmenu (7 posts)

  1. nickandrea19
    Member
    Posted 1 year ago #

    I cannot for the life of me figure out why there is a space to the right of each navigation menu before the left border of the next menu item to the right of it. Looked all through my CSS and still scratching my head.

    http://cooksjourney.com/travelogue/.

    Help?

  2. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Your site isn't visible :). Have you tried using Firebug to look at the CSS for that element?

  3. nickandrea19
    Member
    Posted 1 year ago #

    Shoot thanks, it's up now. Yeah, I use Firebug all the time, but I can find no rule causing this to happen...

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Oooh, that WAS a weird one - looks like this border:

    .genesis-nav-menu .menu-item {
        border-left: 1px solid #F4C48F;
        display: inline-block;
        text-align: left;
    }
  5. nickandrea19
    Member
    Posted 1 year ago #

    I think that's only applying the solid line, but there's a space to the left of it which I can see no border or margin creating....

  6. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Yeah, you're right and it's weird indeed. I couldn't find it either, but this seems to hide it:

    .genesis-nav-menu .menu-item {
        margin-left: -3px;
    }
  7. nickandrea19
    Member
    Posted 1 year ago #

    Wow okay yeah. That's a way to hack it. Appreciate it.

Topic Closed

This topic has been closed to new replies.

About this Topic