CSS (line height?) issue

I have this site:
http://goo.gl/I8MfDU

There is a pretty ugly navigation menu at the top. If you mouse over "commercial" you will see that some of the child nav items break to a new line. It doesn't do that in the other parent navs . I can't figure out what bit of CSS is causing this for the life of me. Another set of eyes would be much appreciated.
lvollmerAsked:
Who is Participating?
 
Prasadh BaapaatWeb Designer & DeveloperCommented:
Hi lvollmer,

you can add this line of code in your LAYOUT.CSS  file AT THE LAST...(Or in any custom.css file you have added for custom css & which loads last)

div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck {
    width: 240px;
}

Open in new window


IDEALLY you should edit your maximenuck.php file and add the width value.... but I guess the above solution will solve your problem if you are not comfortable dabbling with plugin files.

let me know the outcome,
Prasadh
0
 
David KellyWeb developerCommented:
I'm not sure what caused it in the first place, (I suspect it's an inherited float from someplace, but there are so many "!important" declarations complicating the inheritance I can't be sure).

You can "fix" it with this on the menu items actual anchor link (#maximenuck ul.maximenuck li.maximenuck a): [white-space: nowrap;] as long as you aren't worried about them EVER needing to wrap.

NOTE: "Property Managers Lounge" under "Commercial", and "Articles of Interest" under "Community" are not getting the same hover styles that the rest of the menu gets either. Also, I HIGHLY recommend avoiding the use of !important declarations unless you literally have no choice! They seem generously sprinkled throughout your CSS, and that's a recipe for future maintenance problems. You don't want to find yourself having to add them "everywhere" simply because you can't track how they're being inherited.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.