Thanks For The Help (And Another Request)
But I like to believe I have come a long way from that...at least I want to believe that.
Anyway, I am in need of another lesson or at least another pair of eyes that may catch a mistake I am making. I finally got the navigation the way I want it for mobile at screens of 400px or less. But now I am trying to get it for 401px and up.
This will be a different looking navigation bar altogether. But for some reason I can't seem to get it to even look like a navigation bar at all. Eventually I want a black background that has low opacity and fades out on the edges. But for now I would settle for just getting it to stack right and have a different color when I roll over the links.
What mistakes am I making here?
#headerBigNav { background-color: #E3481A; width : 85%; padding-top: 5; margin-top: 15px; margin-bottom: 100px; text-align: center; margin-left: auto; margin-right: auto; } #headerBigNav ul { color: #ffffff; display : block; text-decoration: none; list-style-type: none; text-align: center; width : 100%; } #headerBigNav ul li { display : block; width : 100%; list-style : none; } #HeaderMobileNav ul li:hover { background-color: #E7B09F; } #headerBigNav ul li a { color: #ffffff; display : block; text-decoration: none; width : 100%; } #headerBigNav ul li a:hover { color: #ffffff; display : block; text-decoration: none; width : 100%; } #headerBigNav ul li:hover ul { display : block; }
-
savidge4 -
Thanks
SignatureSuccess is an ACT not an idea{{ DiscussionBoard.errors[9945306].message }} -