Help with Menu

[angieatc]

I have looked at this and can't figure it out, I also asked in a group of other designers and still can't get it. There are suppose to be drop down menus on Jena, Cecelia and we <3 but they do not appear. Someone suggested to remove the position: absolute or change it to relative under here: .genesis-nav-menu .sub-menu (only menu option that has position: absolute) but that does not work, it makes these 3 sections to pop up and the others stay below. Someone also said that the drop downs appeared for them but it was left, but they do not appear at all for me.

What am I missing?

Thanks!

---

My design site, Hill Springs Designs

http://test4.strosgirldesigns.com/

[Landon]

Just a quick glance, each of these items has a css declaration: text-indent: -9999px; that seems to be at least part of the problem and where I'd start.

.menu-jena {
text-indent: -9999px;
background-image: url(images/jena.png) !important;
background-repeat: no-repeat !important;
margin-left: 10px !important;
width: 109px;
}

Play with it in your browsers developer tools and you will find it.

[angieatc]

Thanks, I have played around with the text-indent and right now I have it at a -500px and the drop downs are way off. If I put it any lower the text appears on the menu.

---

My design site, Hill Springs Designs

[Tony @ AlphaBlossom]

Hello, try adding "float: left;" to .genesis-nav-menu .menu-item. It should bring back your drop downs, but you'll have to play with padding, etc because it shifts things to the left.

Hope it helps!

Thanks,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts