Floating Footer Menu
-
Hi everyone,
I have searched and searched but can’t seem to find the answer I am looking for. I have a footer menu that pulls up when you hover over the menu items. You can see the site here: http://feltzdesignbuild.com/fdb/I would like to get the footer to float on top of the page so it is always visible when scrolling and stay at the bottom.
My CSS is below:
#footer-nav { clear: both; margin: 0; padding: 0; border-bottom: 0px solid #000; height: 100px; font-size: 90%; z-index: 1000; position: left; background: #000000; } #footer-nav ul { margin: 0; padding: 0; list-style: none; float: right; position: right; right: 50%; } #footer-nav ul li { margin: 0 0 0 0px; padding: 0; float: right; position: relative; top: 0px; } #footer-nav ul li a { position: right; display: block; margin: 0px; padding: .6em .5em .4em; font-size: 1em; line-height: 1em; background: #000000; text-decoration: none; color: #ffffff; border-bottom: 0px solid #000; } #footer-nav ul li.active a { color: #cc0000; background: #000; } #footer-nav ul li a:hover { background: #000000; color: #ffffff; border-bottom: 0px solid #03f; } #footer-nav ul li:hover a, #footer-nav ul li.hover a { position: relative; background: #000000; color: #cc0000; text-decoration: none; border-bottom: 0px solid #03f; } #footer-nav ul ul { display: none; position: absolute; left: 0; right: auto; width: 10em; bottom:2em } #footer-nav ul ul li { left: auto; margin: 0; clear: left; width: 100%; } #footer-nav ul ul li a, #footer-nav ul li.active li a, #footer-nav ul li:hover ul li a { font-size: .8em; font-weight: normal; background: #000000; color: #ffffff; text-decoration: none; line-height: 1.4em; border-bottom: 0px solid #ddd; } #footer-nav ul ul li a:hover, #footer-nav ul li.active ul li a:hover, #footer-nav ul li:hover ul li a:hover { position: right; text-decoration: underline; background: #000000; color: #cc0000; } #footer-nav ul ul.last { left: auto; right: 0; } #footer-nav ul li:hover ul { display: block; }
If any more information is needed please let me know I’m not sure what is needed and what isn’t.
Thanks in advance!
The blog I need help with is: (visible only to logged in users)
-
I have searched and searched but can’t seem to find the answer I am looking for. I have a footer menu that pulls up when you hover over the menu items. You can see the site here: http://feltzdesignbuild.com/fdb/
Hi, you are in the wrong forum.
This forum is for blogs/sites hosted by WordPress.comWordPress.COM and WordPress.ORG are completely separate and different http://support.wordpress.com/com-vs-org/
And you should ask in the WordPress.org forum.
http://wordpress.org/support/
- The topic ‘Floating Footer Menu’ is closed to new replies.