WordPress.org

Ready to get started?Download WordPress

Forums

Spacing problem on navmenu (7 posts)

  1. nickandrea19
    Member
    Posted 10 months 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
    Volunteer Moderator
    Posted 10 months ago #

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

  3. nickandrea19
    Member
    Posted 10 months 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
    Volunteer Moderator
    Posted 10 months 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 10 months 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
    Volunteer Moderator
    Posted 10 months 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 10 months ago #

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

Reply

You must log in to post.

About this Topic