Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Having a fixed footer

Having a fixed footer

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 3.2k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C
    C
    cx
    wrote on last edited by arminunruh
    #1

    Can the Footer or any other page be fixed as an extra overlaying menu on all pages?

    'Sticky Footer Option' seems to stick on single pages.
    I would like to fix it at the bottom of the whole webpage/browser hight, not after the bottom of the page content. ( The original menu is already in use in the top )
    The aim is pretty much just to have an extra menu that I can use.

    Thanks in advance for the help!

    1 Reply Last reply
    1
    • arminunruhA
      arminunruhA
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      Hey!

      You can use this CSS. Put it in "lay options" -> "custom css & html" -> "custom css for desktop version"

      #footer-region{
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
      }
      
      1 Reply Last reply
      0
      • C
        C
        cx
        wrote on last edited by
        #3

        Thanks for the quick response!
        It works on normal pages but the footer disappears when using the Fullscreen-slider Addon. The Idea was to use it mainly while browsing projectpages.
        You got any suggestions on to how to solve that issue?

        1 Reply Last reply
        0
        • arminunruhA
          arminunruhA
          arminunruh
          Global Moderator
          wrote on last edited by
          #4
          html.fp-enabled #footer-region{
          display: block;
          }
          

          The footer feature never really worked with the fullscreen slider active. Using this css you can show the footer on pages with fullscreen slider activated. I think this should work.

          1 Reply Last reply
          0
          • C
            C
            cx
            wrote on last edited by
            #5

            This works well with the Fullscreen-Slider Addon. The footer is now shown! Thanks :)
            But it seems like it is just added at the bottom of the page just like a sticky footer instead of overlaying the Slider.
            When using 100% content hight or Fullscreen Background videos in projects the content is not shown in the footer area.

            Is there a way to hide the 'Menu Bar' from the footer - giving it a transparent background?
            It seems like the footer ist not really overlaying the slider by now.

            1 Reply Last reply
            0
            • C
              C
              cx
              wrote on last edited by cx
              #6

              Incase somebody tries to implement something similar.
              Adding background-color: transparent !important; was the only thing necessary to override the background of the footer to make it transparent.

              #footer-region{
              position: fixed;
              bottom: 0;
              background-color: transparent !important;
              left: 0;
              width: 100%;
              }

              1 Reply Last reply
              1

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              Online Users
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
              laytheme.com
              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Recent
              • Tags
              • Popular
              • Users
              • Search