the answer for all question about Oxygen Builder plugin and WordPress

Ok I am experiencing some weird behavior regarding “position: sticky”.


Ok I am experiencing some weird behavior regarding “position: sticky”.

I want so “split” my screen in half leaving some text and a portrait of myself sticky while on the right side some different content scrolls through.

I tried adding sticky through the stylesheets and I tried adding it through the advanced tab – both has the same outcome.

Here’s the problem:
While working on the page and previewing it with all the oxygen UI around it works perfectly fine. As soon as I switch over to the frontend view, the sticky effect stops working and it scrolls like it would regularly do. How is that?

EDIT:
I regenerated the CSS.

EDIT 2:
So I solved it myself:
The parent div was set to grid. I instead now set the right column 50% and gave it a left float. Now it works flawlessly, in the oxygen preview as well as in the frontend.
Don’t understand why grid would work in one view but not the other though…





Source

6 Comments
  1. Maxine Hargrove says

    Kevin Geary I just watched your position sticky video and followed all the steps, do you have an idea as to what might’ve happened?

  2. Luke Allen says

    Links are extremely useful in these cases.

  3. Udoro 'Cracka' Essien says

    Without a URL one can’t really figure out what happened.

  4. Burt Gordon says

    Sticky only works inside a parent container. Use this vanilla js. Works great simple https://github.com/rgalus/sticky-js

  5. Nikita Severin says

    Overflow:hidden?

  6. Maxine Hargrove says

    So I solved it myself:

    The parent div was set to grid. I instead now set the right column 50% and gave it a left float. Now it works flawlessly, in the oxygen preview as well as in the frontend.

    Don’t understand why grid would work in one view but not the other though…

Leave A Reply

Your email address will not be published.

Oxyrealm Docs