POSITION FIXED FOR TEXTLEMENTS CSS
-
hi there.
seems like i cannot fix text elements via CSS anymore???
used to to it like this:
#FIX{
position: fixed;
}only works with images.
am i stupid?thanks and all best.
gregor -
Dear Gregor
@GregorGregor
The CSS seems fine so we would need to see the context in which it's applied to see why it doesn't work. Could be some native CSS that has taken precedence. You could test this with:
#FIX{ position: fixed !important; }
Best
Richard
-
thank you … that works.
just weird because i don‘t use any other CSS so far and it used to work fine with other sites.is it possible to fix the position of mulitple text elements in a horizontal fullscreen slider?
like a site title but with more separate elements.hints very much appreciated.
thanks again and happy tuesday.g
-
Dear Gregor
@GregorGregor
"is it possible to fix the position of mulitple text elements in a horizontal fullscreen slider?"
It would be important that the elements were within the Slide of the Fullscreen Slider.
When using the CSSposition
property:fixed
The element is positioned relative to the browser window.Applying fixed to these elements would break them from the Fullscreen Slider as a parent container. as the slides moved horizontally the elements would remain fixed on the browser screen.
You might be better testing with:
absolute
The element is positioned relative to its first positioned (not static) ancestor element.Or:
relative
The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position
Hope this helps and have a great day ⭐️
Richard -
hi richard.
thanks for your reply.
i manage to fix elements.
but it only works with normal scrolling.
as soon as i activate the full screen slider in a horizontal direction the elements are not fixed anymore.
only the site title stays fixed.i wonder what i am doing wrong.
any ideas?very best.
gregor -
Dear Gregor
@GregorGregor
Unsure sorry, you would need to post a link to get a better idea 🌝 🔍
Best
Richard
-
hi richard.
all good — thanks.
i just placed and styled the elements in Custom HTML at top.
… that worked.best!
gregor
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