CSS Fixed Element affects other elements in the Gridder

Paul_Moxie

I just tried to give an element a fixed position on the page above (the five dots on the right) by using CSS like this:

.fixed {
position: fixed;
}

It works well for the Element i wanted to fix, but it also affects the other element in the same row (text block).

Do you have any idea why this happens?

Best, Paul

mariusjopen

Dear @

maybe you need to be more specific like this:

.fixed.col.push-0.span-2.align-top  {
    position: fixed;
    z-index: 0;
}

Or even more be isolating the element with CSS.

Best!

Marius

Paul_Moxie

Hey @mariusjopen,
thank you so much for you quick reply!

Unfortunately the CSS you gave me doesn't seem to work.
The class still remains 'fixed' right?

Do you have any other ideas how to do the trick and isolate via CSS?

Allthebest, Paul

mariusjopen

Dear @Paul_Moxie
just to be clear. What exactly you want to move and what not?

Best!

Marius

Paul_Moxie

I want the dots on the left to be fixed, as if they belonged to the menu.
Like on this page (where it also affects the text):

In comparison to this one (where the text is right but the dots move with it):

Thanks for your help :)

Paul

mariusjopen

Dear @Paul_Moxie
you need to give this image a class and then tell wit with CUSTOM CSS to be fixed.

Hope that helps!

Best!

Marius

Paul_Moxie

We figured it out! Thank you :)

Greets, Paul