Due to the needs of my website I had to built my menu using the footer.
Now, what I am trying to do is make it responsive, so that when you change the viewport (screen size) the footer is always visible from top to bottom.
you can see the website here: https://groups.uni-paderborn.de/digitale-ausstellung-bildhauerei/
the thing is that the footer is not acting as a responsive section, it is fixed on top but not on the bottom.
So when the screen size is "higher" (longer in hight) it stays the same size and hangs from the top, leaving a blank space:
but when the screen gets shorter, it appears as cut:
what I want to do is that the footer is always visible, so that it adjusts type size to fit in whatever the screen size is. now that's what I did:
bottom: 2px !important;
top: 2px !important;
min-height: 100% !important;
position: fixed !important;
display: absolute !important;
i've tried endless CSS' snippets but it's just not happening, and I'm loosing my mind here... helppp!!!
Hello! I posted a few days ago, and I was wondering if someone could help me on this matter, I'm a bit lost. I'd be super grateful !!!
Is the behaviour related to a "sticky footer"
Hello Richard! yes it is a sticky footer!
@Richard but this option you are highlighting was not enabled, I've enabled it now but nothing has changed.
I dont think this is Bug, but just that you have a certain amount of content and this content is large enough to push over a normal screen amount. Like with a book that has too many sentences to fit on a single page. In the other threads i felt this was because your content (text) was set in pixels which is a fixed unit. The solution will be to use text formats and apply a responsive or relative unit like % , vh, or vw.
If the behaviour of your Footer is not normal you may have some custom CSS or JS that is affecting it, i am unsure of you setup.
If customizing the Footer is your wish, i am happy to help send you in the right direction but the result will be ultimately up to you 🌝
As this is posted in the "need developer help section" i hope others will speak up @giselach and help you if possible 👍
felix_rabe last edited by
@giselach all usability-questions put aside, I think the problem is the margin between the rows. while the letters get smaller with smaller window height, the rows stay the same size (it seems to me).
I don't answer or check forum DMs, please just post on the forum.
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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
Go here, see if your problem is listed here:
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