[Resolved] Make right menu move when scrolling the site

[Patrik]

Hi,
hope everything is great with everyone!

In the right side menu i going to have ads for companys and I want it to move/follow when user is scrolling up/down the site.

Is that possible?
I will link to a printscreen (located on dropbox):

[Patrik]

here is the link:
Printscreen

[David]

Hi there,

you can make the right-sidebar stick by adding this CSS:

@media (min-width: 769px) {
    #right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 60px; /* Adjust this change sticking position */
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Patrik]

Hi David,
Many thanks and take care 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Patrik]

Hi again,
I just noticed that the Right Menu Widget is following in Firefox and Microsoft Edge but not in regular Internet Explorer (version 11).

Can you please help me figure this out?
I will open the site for a short time,
https://informatorpolonijny.se/

Many thanks,
Patrik

[David]

position: sticky; is not supported by Internet Explorer 11.
The only way to do it is with JS and you would be better off using a plugin like this:

https://wordpress.org/plugins/q2w3-fixed-widget/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts