Photo Gallery Forums

Hi. I am building custom footer , however because of the reveal footer that stays in place when scrolling up and down the page, I have issue with footer on mobile phone that Is not fully displayed.

How I can disable this footer function ?

Faust wrote: Hi. I am building custom footer , however because of the reveal footer that stays in place when scrolling up and down the page, I have issue with footer on mobile phone that Is not fully displayed.

How I can disable this footer function ?

I checked your website and I can see the problem is related to the footer being taller than the screen, and therefore the top part of the footer is not visible. This is a bit unusual, although you are right there should be a solution to prevent this.

You could perhaps try to decrease space/margin between vertical item when footer is in mobile mode.

However, a technical solution to prevent the fixed footer, would be to override CSS (in settings custom > custom CSS). I think the below should work:
If you only want to apply the above fix for "mobile", you could perhaps use a media query.

Thanks for prompt reply. I will try it tonight. As I have this issue on my both websites.

I still have the gap on my Photography website, not massive, but would like to get rid of it. Any idea?

Thanks

Faust wrote: I still have the gap on my Photography website, not massive, but would like to get rid of it. Any idea?

In your specific case, it's a bit dodgy because you have added your own internal "happy-footer-fix" into X3's "footer", and all your background is applied to your "happy-footer-fix".



You could remove padding from X3's footer to compensate for that space (which is the space I assume you want removed?), and it should work, although this it's a bit clumsy.
Really, you should perhaps have applied your custom colors to X3's main .footer, instead of on your .footer-seo child element, because X3's footer has it's own padding. But hey if the above works, it's a simple workaround.

There are also a few issues that affect the space below the main content (above the footer). The main .context element has it's own margin at bottom, and the background colors you have assigned on some of your custom sections, won't align immediately with the footer. Also, there is an empty <p><p> there somewhere that creates some additional space. There are perhaps CSS fixes for this also, although it's a bit like opening a can of worms.

Thanks for them tips, managed to get them done. Turned to be pretty cool.