I've customized the standard ATA menu on a site, the main menu looks close to how I'd like, but somehow I messed up the drop-down menus. Look at Adults, Kids, Teens for the behavior http://polkcitylibrary.org/wp/. Hardly anything shows for me in Firefox, and without line breaks in IE.

I'm sure I messed up something in customizing the CSS, this is not a problem with ATA.

Suggestions? And Thanks for your help!

-Kimberly

Could you post the code you used to customize?

if you are using 353 put the menu bugfix's in (see 'New Versions & Updates' forum)

Thanks for your quick replies...its currently 3.4.4

This is the menu css (At first I had different widths for each button so they were all written out, left them in in case I go back to that)

/**********************/
/*** Top Menu ***/
/**********************/
div#menu1 {
margin: 0;
padding:0;

}

div#menu1 ul.rMenu li {
height: 53px;
width: 10%;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;

}
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
margin: 0px;
padding-top: 21px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 13px;
text-align: center;
border-bottom:1px solid transparent; !important;
border-left:1px solid transparent; !important;
border-right:1px solid transparent; !important;
border-top:1px solid transparent; !important;
border-style:solid;
background:transparent; !important;
}

div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
border-bottom:1px solid transparent; !important;
border-left:1px solid transparent; !important;
border-right:1px solid transparent; !important;
border-top:1px solid transparent; !important;
border-style:solid;
background:transparent; !important;
}
div#menu1 ul.rMenu li.page-item-217{

}
div#menu1 ul.rMenu li.page-item-11{

}

div#menu1 ul.rMenu li.page-item-16{

}

div#menu1 ul.rMenu li.page-item-26{

}
div#menu1 ul.rMenu li.page-item-36{

}
div#menu1 ul.rMenu li.page-item-46{

}
div#menu1 ul.rMenu li.page-item-56{

}
div#menu1 ul.rMenu li.page-item-66{

}
div#menu1 ul.rMenu li.page-item-227{

}

what version of WP - if you went to 3.X this is what is causing the issue. I would suggest upgrading to Atahualpa 3.5.3 and putting in the bugfix's which take care of the new classes WP puts n the menus.

I've loaded ata 3.4.9 and ata 3.6 (currently 3.4.4). Both show the site with correct formatting when I click "Preview" on the Themes page, but if I activate, all css formatting is missing. Thoughts?

go to 3.6 and if therte is no formattine go to the export/import settings option page. Then at teh bottom of the page, press the 'Delete bfa4' button - only do this once and see if that shows the settings.

Thank you! Those directions allowed me to activate 3.6 and see the CSS formatting.

My drop-down menus are still messed up though (in FF it looks like a white box is covering all but the first 15 px of the dropdown).

I followed the directions for Bug-fix 351-04 - didn't notice any change.

Then did bug-fix 353-01. When I updated these files, the site stopped displaying entirely. Currently have the bugfix file bfa_new_wp3_menus.php loaded, but restored the original css.php file to make the site display.

Wordpress 3.0.4
ATA 3.6

Suggestions?

Site: www.polkcitylibrary.com

the bugfix was for 3.5.3 and the code was corrected in 3.6.0 - you should not apply that to 3.6.0

go to CSS Inserts and remove everything and see if the problem still exists if it goes away, add the code back in till you find the culprit

Something about setting the width in the custom CSS was causing the problem. Thank you! Donation on its way!