-
AuthorPosts
-
December 12, 2019 at 10:52 am #1165150
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.
December 12, 2019 at 2:52 pm #1165213This 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. ;)December 12, 2019 at 5:15 pm #1165241Hello 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..December 13, 2019 at 11:58 am #1165481may i see your site please – think of – i’m participant as you are and can not see private area
December 13, 2019 at 12:17 pm #1165489Hi Guenni007,
The page where we integrated the code:We want to apply the same rule on the whole site
Thanks for your help.
- This reply was modified 4 years, 9 months ago by I-Visio.
December 13, 2019 at 9:44 pm #1165659Hi 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,
VictoriaDecember 13, 2019 at 11:03 pm #1165699well 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.December 15, 2019 at 6:44 pm #1166106Hi 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
- This reply was modified 4 years, 9 months ago by I-Visio.
December 15, 2019 at 7:05 pm #1166115Hi,
Commenting that section out shouldn’t effect the rest of the site at all.
Best regards,
Jordan ShannonDecember 15, 2019 at 7:57 pm #1166130Ok,
Thanks Jordan, I’ll try.Best regards.
December 15, 2019 at 10:36 pm #1166155Hi,
Please let us know the results.
Best regards,
Jordan ShannonDecember 17, 2019 at 9:59 pm #1167030Hi @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.
December 18, 2019 at 11:18 am #1167210Hi @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
December 23, 2019 at 12:24 pm #1168712Hi,
@I-Visio, it seems that this topic is solved now, shall we close this then?
or do you need some further assistance?Best regards,
MikeDecember 23, 2019 at 1:11 pm #1168724Hi Mike,
Yes you can close.
Thanks
Best regardsDecember 23, 2019 at 1:54 pm #1168731Hi,
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 -
AuthorPosts
- The topic ‘Left sidebar sticky issue’ is closed to new replies.