Navigation Menu Issue for Education 1.0

[Gene_Parmesan]

I am currently having an issue with the navigation menu showing up much farther to the right than it should, but only when viewing it in Firefox. Someone here updated the core for Genesis recently and it seemed to start happening after that. Here is the page I am working on: http://bit.ly/1Ksp34s

I haven't been able to correct it and figured I'd get some thoughts on it. Thanks!

http://bit.ly/1Ksp34s

[David Chu]

Hi,
Looks like FF handles float clearing differently. I've got a fix for you. Note the last line, which you'll want to add in your CSS:

#nav {
    background: transparent url("images/nav.png") repeat scroll 0% 0%;
    color: #111;
    font-size: 16px;
    margin: 0px auto;
    padding: 0px;
    clear: both;
}

You have an old version of Education, I see. Nowadays SP themes use before and after pseudo-classes to clear floats instead of the explicit bit I used above. I'm not saying upgrade, because then you'll lose all your other custom stuff.

This does, however, produce an extra space between those upper DIV's. Since you're using the old-school Dreamweaver type of background bits, you'll probably want to adjust the image for the #nav background.

Cheers, Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Gene_Parmesan]

Yep. That totally did the trick. Thanks a bunch!

[David Chu]

You're welcome!

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts