View Full Version : sub menu list alignment issue

08-03-2011, 03:32 AM
on this site (http://lineitva.com/lineit-new/) please advise why, in the top nav bar, the two subcategories of Clients, do not appear vertically below Clients?

It should look like:
- Architects, Plumbers & Contractors
- Homeowners

but for some reason those two subcategories list items are overlapping.

please advise. thanks in advance!

08-03-2011, 04:42 AM
you have cufon set to inline-block

cufon {
display: inline!important;
display: inline-block!important;
position: relative!important;
vertical-align: middle!important;
font-size: 1px!important;
line-height: 1px!important;

inline-block makes the cufons inline. try setting cufon to display: block; instead. and all the !importants are unnecessary they are used more for overriding certain styles (such as class overrides an id) or a simple symantec markup

cufon {
display: block;

08-03-2011, 02:07 PM
when i make that change it messes up all the other elements in the page that are titled cufon, of which there's a lot.

also, when i do that the list items that i wanted to fix appear to be horizontally aligned instead of vertical.

please advise. thanks.

08-03-2011, 03:01 PM
actually, this seems to work:

.jqueryslidemenu ul li ul li {
clear: left;