[Resolved] Mis Alignment of Sidebar

[Jose]

Hi, just noticed that there is an alignment issue of the sidebar… believe it was after the last update. Could you please see the site.

[David]

Hi there,

i am not seeing an alignment issue, is it on any particular page?
The only thing i noticed is when stuck the sidebar is partially under the sticky nav.

[Jose]

might be a cache issue… looks okay now. But yes, that too… how do I fix that? Can I make it a fixed widget area?

[Leo]

Are you currently using a plugin to make it fixed?

Can you try setting the top property to something like 90px?
https://www.screencast.com/t/3DnFu8rII2K

Might be good to check with the plugin author if you aren’t sure how to.

[Jose]

Thanks Leo – tried that but now the bottom is mis-aligned.

[Leo]

Not sure if I’m seeing the issue:
https://www.screencast.com/t/Jv0fhdjaci7H

Looks pretty good to me?

[Jose]

Scroll down to the bottom of the page…

[David]

Which plugin are you using to make the element sticky? Does it have any options to control that?

If not then, and you intend to only have the one widget then you could remove that plugin and we may be able to provide some CSS to make it stick.

[Jose]

Using Extended Widgets, I can switch it off… but will need help with the css to make that widget fixed.

[David]

Try switching it off and adding this CSS:

@media (min-width: 769px) {
    #right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 90px;
    }
}

[Jose]

Seems to have worked. Reduced from 90 to 70 px. Thanks David!

[David]

You’re welcome

[Author]

Posts