Results 1 to 4 of 4

Thread: [RESOLVED] Chrome v26 placing extra space above last list item in menu

  1. #1
    Join Date
    Apr 2013

    resolved [RESOLVED] Chrome v26 placing extra space above last list item in menu

    This issue only exists in Chrome. It is adding some extra space above the last link in the menu. (It looks like the first link in the menu because I have the menu floated to the right.) Here is a screenshot of what it looks like in Firefox and IE: http://ow.ly/kwE2a

    Here is a screenshot of it in Chrome: http://ow.ly/kwEi6

    And here is a link to the site. It is in maintenance mode right now so you can only see the menu on the page I am linking to. http://ow.ly/kwEx9

    It's built on Drupal 7 if that helps.

    Any help will be greatly appreciated! Thanks.

  2. #2
    Join Date
    Mar 2012
    The relevant code is:

    <ul class="menu"><li class="first leaf"><a href="/contact-us" class="mainMenuLinks">Contact Us</a></li>
    <li class="leaf"><a href="/services" class="mainMenuLinks">Services</a></li>
    <li class="leaf"><a href="/about-us" class="mainMenuLinks">About Us</a></li>
    <li class="last leaf"><a href="/home" class="mainMenuLinks">Home</a></li>

    Check the CSS. Seems to me that the most likely culprit is the class="last leaf". Particularly the class ".last" as the class ".leaf" is used by the other menu items.

  3. #3
    Join Date
    Apr 2013
    Thanks for your response! That's what I thought too, but I couldn't find anything in the ".last" or ".leaf" classes that was causing the problem. I also tried adding those classes to my main theme's CSS and zeroing out the margin & padding, but it didn't make a difference.

  4. #4
    Join Date
    Apr 2013
    I found the problem. Removing this sytle fixed it.


Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center