Site logo

Archived topic

left sidebar widgets are shifting to right side when i am clicking STICKY option

4 replies · Started by moy on October 29, 2020

Viewing posts 1–5 of 5

I just installed ad inserter plugin. It is working just fine, but when I am clicking "sticky" option left sidebar is shifting to the right side. It looks really bad.

If I am not clicking sticky option it is working fine. So I have unchecked the sticky option fro the time being.

Is there a way to solve this shifting problem?

here is the screenshot -

https://drive.google.com/file/d/1zGjkk-H75X7T4Sb1-78HBJjZLMtDdJ6h/view?usp=sharing

Hi,

First off, add this CSS:

div#left-sidebar{
height: auto;
}

To clarify: do you want the whole left sidebar sticky(including the search form)?

If so, try this CSS:

div#left-sidebar .inside-left-sidebar {
    position: sticky;
    top: 100px;
}

@media(max-width:768px){
div#left-sidebar .inside-left-sidebar {
    position: sticky;
    top: 50px;
}
}

If you only want the ads to be sticky, try this instead:

div#left-sidebar .inside-left-sidebar {
    height:100%
}

div#left-sidebar .inside-left-sidebar aside#ai_widget-11 {
    position: sticky;
    top: 100px;
}
@media(max-width:768px){
div#left-sidebar .inside-left-sidebar aside#ai_widget-11 {
    position: sticky;
    top: 50px;
}
}

I have added 1st & 3rd CSS but the left sidebar is still shifting whenever I am enabling the sticky option.

I just search in google about all the plugins I am using and I find that there are a lot of bugs in a plugin I am using which was causing the issue.

So I deleted the plugin (Ad inserter plugin and holler box)

thank you very much for your support.

No problem. Glad to be of any help :)

This archived topic is closed to new replies.