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%; }
-
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? -
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%;
}
I don't answer or check forum DMs, please just post on the forum.
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it