• Resolved servicebuk

    (@servicebuk)


    Hi,
    unfortunately the Plugin does not work on my side. I want the green row to be sticky. In the Settings I called the element .sticky and in the row settings I referred to it in the extra class name.

    Could you take a look at it? Many thanks in advance!
    Cheers from Germany, Lisa

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter servicebuk

    (@servicebuk)

    I still was not able to fix it. I tryed everything. The row ID is “sticky” and in the Plungins-Stettings I typed in “#sticky”.

    https://bergundkiessling.com/clinx-wood-sticky-test/

    Am I doing it wrong?

    The reason for this is that one of the parents of your sticky element has a transition property; this has been known (with CSS in general, not just with my plugin) to make sticky elements not work.

    You can override this by adding the following CSS code:

    .no-touch .site {
        -webkit-transform: initial; 
        -moz-transform: initial;
        -o-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }
    Thread Starter servicebuk

    (@servicebuk)

    Thank you very much for taking the time to look at my problem! That’s super nice of you!

    I inserted you code in my style.css file, but so far it still does not work.
    Do I have to adjust the Plugin settings?
    At the moment, in the Basic Stetting of the Plugin, the sticky element “.sticky”.

    Do I have to adjust the row settings?
    At the moment, the extra class name of the row is “sticky”.

    It looks like you made a small typo when you added the code. Make sure the first line starts with a period:

    .no-touch .site {
        -webkit-transform: initial; 
        -moz-transform: initial;
        -o-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }
    
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘row is not sticky’ is closed to new replies.