Archived topic
scrolling of sections
6 replies · Started by Michael on May 8, 2015
Is it possible to keep sections from scrolling?
I would like the header section/navigation bar and the footer to stay on the screen and not move when scrolling, so that only the content of the sections between header and footer sections would move/scroll. would this be possible?
For sure.
To make the header/nav section sticky, check out this thread: http://generatepress.com/forums/topic/keep-menus-visable-with-scroll/#post-54453
To make the footer sticky, you can use this CSS:
.site-info {
position: fixed;
width: 100%;
bottom: 0;
}
Let me know if that works or not :)
thank you! i will try that out .. thanks for your quick support.
can i also make a section sticky when (using sections plugin) i have more than one sections on a page?
this might be a stupid question but i am only a beginner with wordpress and all this.. could i integrate the css "position: fixed;" directly in the html code of a section/page?
You can give your sections a custom class, for example: custom-section-class
Then give that class the position:fixed attribute:
.custom-section-class {
position: fixed;
width: 100%;
bottom: 0;
}
Will need some tweaking depending on how you're using it :)
thanks! your support is awesome!
Happy to help! :)