CSS Fixed Element affects other elements in the Gridder
-
Hi @arminunruh and @mariusjopen!
http://www.krone-ci.com/corporate-fashion
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
-
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
-
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
-
-
Hey @mariusjopen
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):http://www.krone-ci.com/corporate-fashion
In comparison to this one (where the text is right but the dots move with it):
http://www.krone-ci.com/textilhandels-consulting
Thanks for your help :)
Paul
-
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
-
We figured it out! Thank you :)
Greets, Paul
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it