How to prevent sticky navigation in the blog post from going over the footer
Dear Support,
Is it possible to have the sticky navigation arrows stop above the footer on the single blog post? At the moment they are going over and the photo is covering the information that is on the footer.
Thanks for your support.
Suzana
Comments
Hi,
With a custom CSS code, you can move the sticky navigation higher.
Do you need help with writing such CSS code?
Best regards
Dear Phil,
Thanks for your response.
I've tried to use CSS but when I move them above the footer, it also moves them up on the top of the page. So when I scroll to the top of the page the sticky navigation then appears in the middle and not at the bottom of the vwindow. I hope I am making sense :-)
Grateful if you can provide some help with writing the CSS code that will avoid this.
Suzana
The only option with CSS is to move the navigation up with a value equal to the footer height.
.fixed-nav { bottom: 260px; }If you would like to hide it when it reaches the footer, you would have to use JS, but we do not provide help with custom scripts.
Best regards
Thanks Phil, I tried the same CSS code but as I said the problem is how they appear at the top of the page.
Would it be possible to include this in some of the next updates? The navigation arrows should not really go beyond the footer. It would be nice to see this as standard rather than custom made JS scripts.
Suzana
Please, leave your suggestion as a comment on the following topic:
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest
Thanks