-
Posts
-
Hello,
I’m trying to make my left sidebar sticky,
– I already installed “Q2W3 Fixed Widget” plugin, it works with Chrome but not with Safari.
– I tried with “WP Sticky Sidebar” but it doesn’t work with Enfold, it puts the sidebar in the bottom of the pageDo you have any solutions (maybe a css code..). I searched in other topics but I can’t find what I want.
Thank you.
This is meant to be a suggestion: https://webers-testseite.de/sticky-sidebar/
The sidebar is fixed as long as the content container can scroll. If the sidebar has more content than the screen height – it is recommended to scroll at the end.
you have to transfer this to sidebar left and to your page-id.
Here you can see another page with same idea: https://webers-testseite.de/sticky-elements/
or here: https://webers-testseite.de/layout-mimic/. – see whats happening on the end of the page. ;)Hello Guenni007, thanks for your answer
Unfortunately I tried everything your proposed but it doesn’t work.. I changed to the correct page-id and replace right_sidebar by left_sidebar : I don’t know why but it moved my left sidebar to the right side of the page.
So I tried your code with right_sidebar, only replaced my page-id and put in the sidebar settings of the page “Sidebar on the right side” but it still doesn’t make it sticky..Hi Guenni007,
The page where we integrated the code:We want to apply the same rule on the whole site
Thanks for your help.
Hi I-Visio,
“Q2W3 Fixed Widget” should work in Safari too. You can write to the plugin’s support or check their forums.
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoriawell the first i see is that there is something different on work.
There is nothing of the code i set on my page. no display flex etc. Guess your are trying a different method.Hi Victoria,
We finally used “Q2W3 Fixed Widget” and modify a part of the CCS as below :
.unit, .units {position: static;}
Instead of previously
{position: relative;}
hope it will maybe help othersAnother advice of the plugin author is to :
Check your CSS files for these two CSS rules:
webkit-backface-visibility:hidden; webkit-transform: translate3d(0,0,0);If you found them, disable them and check the result.
I fear that it will impact the rest of the site
Don’t you think ?
@Guenni007 : Thanks for your advice and helpHave a nice day
Hi,
Commenting that section out shouldn’t effect the rest of the site at all.
Best regards,
Jordan ShannonHi @I-Visio,
Thanks for bringing this forward. I used Q2W3 Fixed Widget too, and was able to use your QuickCSS:.unit, .units {
position: static;
}to fix the problem without having to modify the “webkit-backface” and “webkit-transform” rules in the CSS.
Hi @Steed,
If it is useful, it is perfect -;)
I also used only the 1st solution and it works with a single widget.
If we add 2 widgets or more in the sidebar, there is an occasional overlay of the widgets.Best regards
Hi,
@I-Visio, it seems that this topic is solved now, shall we close this then?
or do you need some further assistance?Best regards,
MikeHi,
Thank you, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike
- The topic ‘Left sidebar sticky issue’ is closed to new replies.