Forums

Top Nav Not Working when child present

Permalink
I'm trying a new menu system for a site I'm working on for my company. My problem is the top nav items don't work when their is a child page. It has to be a css issue but I can't figure it out.

http://hsg.homeslicedev.com/

Thanks for any help!
Chris
homeslicegroup
 
goldhat replied on at Permalink Reply
Chris, ya it does seem to be a CSS issue. You have a class ul.nav li ul and one of the properties is padding-top: 80px;. When I tried removing that property (with Chrome inspector) I found then I could use the blog link. Now without that padding the subnavs are almost overlapping the topnavs so you'll have to figure out how to position them without blocking the top navs. I would try using margin instead of padding. Because when you pad those, it means the list item still covers the main menu list item. But if you use margin, then they won't cover them up. I hope that makes sense. So try this:

ul.nav li ul {
  left: 0;
  margin-top: 80px;
  position: absolute;
  top: 0;
  width: auto;
  z-index: 1;
  list-style: none;
  display: none;
  left: 60px;
}
homeslicegroup replied on at Permalink Reply
homeslicegroup
That makes perfect sense! Thank you so much for the help.

On Thursday, February 27, 2014, concrete5 Community <
discussions@concretecms.com> wrote: