Floating Footer Menu

  • feltzdb

    (@feltzdb)


    11 years, 2 months ago

    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:

    [excessive CSS removed – it’s all visible on your site anyway – no need to post it here]

    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 feltzdesignbuild.com.

Viewing 2 replies - 1 through 2 (of 2 total)
  • a2ztechnologies

    (@a2ztechnologies)

    11 years, 2 months ago

    Hi.,

    I hope you want fixed menu if yes try this code

    #footer-nav {
  display: block;
  position: fixed;
  bottom: 0;
  background: #000;
  width: 100%;
}

#footer-nav ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#footer-nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
}
    Thread Starter feltzdb

    (@feltzdb)

    11 years, 2 months ago

    Thank you for your quick reply but that isn’t what I needed. Perhaps a sticky menu is a better term? Right now if I don’t add padding to my content the footer will ride up the page until it gets to the end of the content instead of remaining at the bottom of the page. I would like it to be at the bottom no matter how much content I have on the page. I would also like it to float on top of the content so it is always visible.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Floating Footer Menu’ is closed to new replies.