/    Sign up×
Community /Pin to ProfileBookmark

[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: [URL=”http://ow.ly/kwE2a”]http://ow.ly/kwE2a[/URL]

Here is a screenshot of it in Chrome: [URL=”http://ow.ly/kwEi6″]http://ow.ly/kwEi6[/URL]

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. [URL=”http://ow.ly/kwEx9″]http://ow.ly/kwEx9[/URL]

It’s built on Drupal 7 if that helps.

Any help will be greatly appreciated! Thanks.

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@jedaisoulApr 30.2013 — 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>

</ul>

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.
Copy linkTweet thisAlerts:
@mjade1138authorApr 30.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.
Copy linkTweet thisAlerts:
@mjade1138authorMay 07.2013 — I found the problem. Removing this sytle fixed it.

#block-system-main-menu

{

display:block;

float:right;

}
×

Success!

Help @mjade1138 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...