Hi, I've had quite a few instances where it would be helpful to make a row sticky after scrolling. Is that something that would be possible to add to the row settings?
Thanks! You guys have been awesome at delivering features. I'll keep an eye out for this from the wish list. :) Thanks for all you guys do! Love your theme!
That's a pretty simple thing to add normally, but maybe I'm doing something wrong or Salient block something, anyway it would be nice to have an answer about that.
I don't really care about a salient option or something integrate into the theme , I can do it with css (would be easier) or js but it' doesn't seems to work.
By "there are no such code snippets available to make the Sticky elements at the moment" you mean Salient doesn't support the sticky css position right?
For clarification, position: sticky will not work if any ancestor DOM element is explicitly setting an overflow property. Here's an article that covers that in detail: https://uxdesign.cc/position-stuck-96c9f55d9526
Salient makes use of the CSS overflow property on multiple containing div's well up the DOM tree from page builder elements. Therefore, by default the core CSS would need to be modified and certain aspects would no longer be functional such as the Material theme skin off canvas navigation styling.
Hi, I've had quite a few instances where it would be helpful to make a row sticky after scrolling. Is that something that would be possible to add to the row settings?
Hey Again,
No, not at the moment though have added it to the Wishlist.
Thanks
ThemeNectar Support Team
The only element that has a Sticky Option is the "Page Submenu" Element in the Page Builder.
Thanks
ThemeNectar Support Team
Thanks! You guys have been awesome at delivering features. I'll keep an eye out for this from the wish list. :) Thanks for all you guys do! Love your theme!
Hello Tahir, Hello Ben,
First thing first, because it's my first comment on the forum, thanks for the theme.
I'm working on a website where I try to add the CSS "sticky" attribute like that (in the style.css child-theme file) to an element :
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sticky_element
That's a pretty simple thing to add normally, but maybe I'm doing something wrong or Salient block something, anyway it would be nice to have an answer about that.
I don't really care about a salient option or something integrate into the theme , I can do it with css (would be easier) or js but it' doesn't seems to work.
Thanks in advance guys/girls :) .
B.
Hey bureau0216 ,
Unfortunately, there are no such code snippets available to make the Sticky elements at the moment.
Thanks
ThemeNectar Support Team
Hello Tahir,
By "there are no such code snippets available to make the Sticky elements at the moment" you mean Salient doesn't support the sticky css position right?
Thanks.
@bureau0216,
Please create a private ticket with your login credentials and the test page url so we can take a look at your setup and suggest a fix if possible.
Thanks
ThemeNectar Support Team
Hey bureau0216
For clarification, position: sticky will not work if any ancestor DOM element is explicitly setting an overflow property. Here's an article that covers that in detail: https://uxdesign.cc/position-stuck-96c9f55d9526
Salient makes use of the CSS overflow property on multiple containing div's well up the DOM tree from page builder elements. Therefore, by default the core CSS would need to be modified and certain aspects would no longer be functional such as the Material theme skin off canvas navigation styling.
Hello ThemeNectar (Devs? 😃 )
Ok... but thanks to you both for the quick reply.
I suppose there is a way to add that functionality anyway...
I'll have a look with JS.
If you know anyway to add it it would be nice.
Thanks.