Margin or Padding to Left of Menu Button

  • Resolved sneumann89

    (@sneumann89)


    8 years ago

    Hello,

    I’m having one tiny issue that’s driving me crazy. On the main nav menu for this site:

    http://nethercutlaw.com/

    …there is a 1 px white margin or pad to the left and right of all the buttons, EXCEPT for left of the “Home” button. Any idea how to get one there to match the rest of the menu? I’ve tried everything css-wise within my knowledge, and no luck.

    Thank you!

    -Sam

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

    (@crouchingbruin)

    8 years ago

    Try adding this rule to your custom CSS:

    #nav li:first-child {
   border-left: solid 1px #eee;
}

    One tip: try not to use the !important clause with your property values. I see it used most often by beginning designers who don’t understand how CSS specificity works. The only time you really need to use it is to override an inline style, or if !important was used on a property that you need to override. Here’s a good article on when and how it should be used.

    Thread Starter sneumann89

    (@sneumann89)

    8 years ago

    Perfect! Thank you so much. And I appreciate the tip – while I’m still a beginner, much of this modification work was done when I was an EXTREME beginner, thus the important clause. I’ll do my best to avoid in the future.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Margin or Padding to Left of Menu Button’ is closed to new replies.