- This topic has 14 replies, 7 voices, and was last updated 3 weeks, 6 days ago by
David.
-
AuthorPosts
-
July 13, 2020 at 4:49 pm #1362551
Kris
Hi, I know new features are always coming out. Checking to see if sticky sidebars is available? So when the user scrolls the sidebars stay visible?
Let me know, always the best support! Kris
July 13, 2020 at 8:36 pm #1362617Leo
StaffCustomer SupportHi there,
Unfortunately we have no plan to add an option for sticky sidebars – there isn’t enough demand.
Is there a page where the sidebar can be seen?
We can try some CSS.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 13, 2020 at 9:16 pm #1362646Kris
Here’s the a blog post where the sidebars can be seen: https://www.littledotbigdifference.com/books/
Thought it would be cool if the sidebar dots followed along with the reader.
But most of my readers are on a mobile, so not that big of a deal.
If it’s a lot of work on your end to provide the CSS, don’t worry about it.
Thank you! Kris
July 14, 2020 at 1:37 am #1362816David
StaffCustomer SupportHi there,
try adding this CSS:
@media(min-width: 769px) { .both-sidebars .site-content { display: flex; } #left-sidebar, #primary, #right-sidebar { left: unset; } #left-sidebar { order: -1; } .inside-left-sidebar, .inside-right-sidebar { position: -webkit-sticky; position: sticky; top: 100px; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 14, 2020 at 7:45 am #1363130Kris
Oh my gosh, works!! Amazing. Thank you. Your support and platform continue to blow me away, for YEARS!! Have the best day, Kris
July 14, 2020 at 7:48 am #1363204David
StaffCustomer SupportGlad we could be of help
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 4, 2020 at 12:48 pm #1387373John
WOW guys! Thank you SOOOO much for this! I’ve been grappling with trying to do this for literally 2 years now (off and on of course, lol). It never ceases to amaze me how awesome you guys all are! LOVE GP!
August 4, 2020 at 1:40 pm #1387443Tom
Lead DeveloperLead DeveloperAwesome! Glad the topic helped π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentDecember 12, 2020 at 9:23 am #1577633Rylan Urban
Ya this is amazing. Finally allows me to remove this plugin: WP Sticky Sidebar
– I actually feel it would be a good check on/off function in customizer, with one field for “padding from the top”.Thanks guys!
December 12, 2020 at 1:38 pm #1577893John
Rylan, I totally agree! Hopefully Tom agrees and gives us a little Christmas gift this year. π
December 13, 2020 at 5:06 am #1578385David
StaffCustomer SupportNot sure if its worth the amount of extra code that the Customizer would need in order to generate what is a few lines of CSS. Especially if we consider that sometimes a user wants to change the breakpoint for sidebars.
If you’re using GP 3.0 with the Flexbox Structure you now only need this:
/* Stick sidebars */ @media(min-width: 769px) { /* stick right sidebar */ .inside-right-sidebar, .inside-left-sidebar { position: -webkit-sticky; position: sticky; top: 60px; } }
And if you want to just stick the last widget in the sidebars you can do this:
/* Stick last widgets in sidebars */ @media(min-width: 769px) { .inside-right-sidebar, .inside-left-sidebar { height: 100%; } .inside-right-sidebar .widget:last-child, .inside-left-sidebar .widget:last-child { position: -webkit-sticky; position: sticky; top: 60px; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 13, 2020 at 6:50 am #1578648John
As always you guys are amazing! You always go above and beyond. Thank you so much!
December 14, 2020 at 3:17 am #1579601David
StaffCustomer SupportGlad we cab be of help!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/December 25, 2020 at 11:33 pm #1594455adriendemonta
Wouawww this is precious! Thank you David.
December 26, 2020 at 3:03 pm #1595181David
StaffCustomer SupportGlad you found it useful
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.