Hi all,
After being completely frustrated and fed up with my menu (I'm sorry it was just too figity for me), a good friend of mine helped my modify the code to create drop down menu's for the top menu in Elements.
Here is the code that was modified to create the effect seen at
www.belton.co.nz . Please note the width is auto and will depend on the largest child item in the menu.
************************************************************************************
add this stuff (change existing) match colour for your site
#navbar li {
padding: 0;
margin: 0;
display: block;
float: left;
position: relative;
background: url(../images/menubar.png) 100% 0 no-repeat;
}
#navbar li ul {
width: auto;
display: none;
margin: 0;
padding: 0;
position: absolute;
top:33px;
min-height: 20px;
left: 0;
background:#333 url(../images/navbar_over.png) bottom repeat-x;
}
#navbar ul#mainlevel li a:hover, #navbar ul#mainlevel li:hover a {
#navbar a, #navbar ul#mainlevel li:hover ul li a? {
color: #fff;
text-decoration: none;
cursor: pointer;
}
#navbar ul#mainlevel li:hover ul li a {
background: none;
}
#navbar ul#mainlevel ul {
/* left: auto; */
white-space: nowrap;
}
*html #navbar ul#mainlevel ul {
width: 1px;
}
ul#mainlevel li {
position: relative;
}
#navbar ul#mainlevel ul li, #navbar ul#mainlevel ul li a {
display: block;
float: none;
}
#navbar ul#mainlevel ul li a.sublevel {
width: auto;
}
#navbar ul#mainlevel li ul li a:hover {
background:none;
color:#CC3300;
}
****************************************************************
Should be all of it. Feel free to correct me if you can do it better.
Please note I check with Barrie and he was more than happy for me to post here, even though Joomlashack is a business and makes money from modding work. Big ups.