sticky column is not working (in combination with sticky menu)

  • evillevi

    (@evillevi)


    2 weeks, 3 days ago

    Hi everyone

    I’m trying to set up a sticky sidebar column and it is only working in preview mode.
    I am using Elementor free and some lines of css.

    I made a screencast (1 minute) showing how I set things up, and showing the preview and the end result.
    I’ve read things about overflow of the parent container not being visible etc.
    The weird thing is that preview (without the sticky nav menu) is showing everything is fine. When I open my blog page however (incl. the sticky nav menu), the sidebar is not sticky at all.

    Any advice from the experts here?
    Thanks in advance

    Levi

    • This topic was modified 2 weeks, 3 days ago by evillevi.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • awelevated

    (@awelevated)

    2 weeks, 3 days ago

    I have three simple recommendations, may not solve the issue right away but things to try first.

    1. Your browser may, for some reason be using a cached version of the website. I would recommend clearing the cache of the page.
    2. Clearly the code is written in the custom CSS for the theme and its working in the preview but have you tried checking the “Inspect” on the page when you load it in the browser and seeing if the custom CSS is loaded in? If its not there, then the CSS is not loading properly when you go to the destination of the webpage.
    3. I would try loading your custom CSS on a plugin like this. It sometimes help with these issues and you can load the CSS individually, turn them on and off separately, etc. Also, when you update a theme you won’t load the CSS code.

    Let me know if this helps.

    Thread Starter evillevi

    (@evillevi)

    2 weeks, 3 days ago

    Thanks for the suggestions.
    1. I had already tried this, but no luck there.
    2. Upon inspection I see the css code

    .sticky-sidebar {

    1. position: sticky;
    2. position: -webkit-sticky;
    3. top: 3rem;

    }

    3. I’d rather not install another plugin as my site already has around 15 of them. (I’d like to reduce it to ten), but I guess such a plugin will be light-weight. I’ll give it a try then.

    Thanks
    Levi

    Thread Starter evillevi

    (@evillevi)

    2 weeks ago

    I think I misunderstood your 3rd suggestion.
    If you were referring to a custom css plugin, I already have my css loaded in my theme’s additional css.
    I thought you were talking about a dedicated plugin for sticky content.

    Thread Starter evillevi

    (@evillevi)

    5 days, 21 hours ago

    Anyone?

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.