[Resolved] scrolling of sections

[Michael]

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?

[Tom]

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 🙂

[Michael]

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?

[Michael]

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?

[Tom]

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 🙂

[Michael]

thanks! your support is awesome!

[Tom]

Happy to help! 🙂

[Author]

Posts