Fixed Footer Problem on Mobile Devices
-
Hi,
site is currently here www.seriesmobiletv.com. Struggling with this problem for awhile:
I pasted this custom css (that i've founfd thankfully under one of the topics here) to fix the footer on the bottom of each page:#footer-region{
position:fixed;
background:#FFFFFF;
bottom: 0;
left: 0;
width: 100%;
z-index: 999
}
for one specific page with the cover feature turned on i needed extra css to have the foooter fixed and always visible:
.slug-film-all #footer-region {
position: fixed;
background:#FFFFFF;
bottom: 0;
z-index: 999
}Works quite well on desktop (firefox/safari) but on mobile devices (tested with ipad/safari and iphone/safari) not. If you swipe/scroll the pages the Typo in the footer disapears.
Second problem on mobile devices: with the fixed footer and the carousel funktion some pages don't open up to full screen when you swipe/scroll them (all the browser information on the top don't disapear). That makes the site look very compressed - especially on a smartphone.
I'm very thankful for any help.
Best
Frank
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
