sidebar widgets get mashed up when fixed

  • Hello,

    I am trying to fix my right sidebar. The available plugins don’t do anything. I was now playing with CSS, but can’t seem to find the problem. When I try to fix the sidebar with

    .aside {
    position: fixed;
    }

    the whole sidebar jumps to the left and gets fixed to the lower left side of the screen. So I tried something else. I learned not to fix the whole sidebar as a container, but the individual widgets for the jumping not to occur.

    Now the widget stays at the right side, but the individual widgets (text and newsletter) get mashed up. I used this coding in the CSS sheet.

    .side-widget {
    position: fixed;
    }

    You can see what I mean here:

    https://hormoncoach.apps-1and1.net/

    Any ideas would be greatly appreciated. Thank you, Katia

Viewing 11 replies - 1 through 11 (of 11 total)

  • Sorry, but I’m failing to see the sidebar move or any issues. Have you fixed the issue?

    Thread Starter katiatrost

    (@katiatrost)

    Hello, wow, that was quick! I was just working on it and had undone the chaos for a second…Now you should be able to see the mess!

    https://hormoncoach.apps-1and1.net/

    I would try this plugin first to see if it helps, if not come back and we can see what else we can do Q2W3 Fixed Widget

    Thread Starter katiatrost

    (@katiatrost)

    I am a little anxious to try this, since it has not been tested with my WP version. I know that I could save my template first and then give it a try, I am still anxious, though. Also, the other plugins didn’t change anything at all. But if you think there is not that much risk in trying, I’ll do it.

    The plugin has a good review record I would give it a try.

    You might have to change your code back to what you had before for the widget to work right.

    .side-widget {
position: fixed; <---- change back to original
}

    I see the plugin worked for you!

    Thread Starter katiatrost

    (@katiatrost)

    Yes, I changed it back before I ran the plugin…My page seems o.k.. The widget is fixed to the right now, although the top part of it vanishes into the upper screen a bit. If you have a quick idea for that, it would be great. I could live with that, though, if it doesn’t get fixed. Thank you so much anyway! Katia

    I think you can fix that issue by adjusting the widget through the plugin. Look at this page (second screen shot) it shows you how to adjust it.

    Screen Shot Link

    Thread Starter katiatrost

    (@katiatrost)

    Hi again,

    Thank you for the hint with the margins, it worked! I have another bug now, unfortunately…

    While the text is beautifully fixed now, the background is not. While scrolling down, the background scrolls down without the text.

    The creator of the widget recommends to change the styles of the sidebar to the widget. Any ideas how to do that? I played around a bit (like just pasting background color etc. from the sidebar into the widget, but that just scrumbled up everything. I am sorry to ask such stupid questions, but I am fairly new to this stuff.

    Thank you, Katia

    Wow sorry this has me stumped.. I personally would just forget about a scrolling sidebar. Seems like it’s becoming a nightmare.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘sidebar widgets get mashed up when fixed’ is closed to new replies.