Having a fixed footer
-
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!
-
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%; }
-
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.
-
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. -
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%;
}
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it