Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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 page

    Do you have any solutions (maybe a css code..). I searched in other topics but I can’t find what I want.

    Thank you.

    #1165213

    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. ;)

    #1165241

    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..

    #1165481

    may i see your site please – think of – i’m participant as you are and can not see private area

    #1165489

    Hi 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 5 years ago by I-Visio.
    #1165659

    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,
    Victoria

    #1165699

    well 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.

    #1166106

    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 others

    Another 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 help

    Have a nice day

    • This reply was modified 5 years ago by I-Visio.
    #1166115

    Hi,

    Commenting that section out shouldn’t effect the rest of the site at all.

    Best regards,
    Jordan Shannon

    #1166130

    Ok,
    Thanks Jordan, I’ll try.

    Best regards.

    #1166155

    Hi,

    Please let us know the results.

    Best regards,
    Jordan Shannon

    #1167030

    Hi @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.

    #1167210

    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

    #1168712

    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,
    Mike

    #1168724

    Hi Mike,
    Yes you can close.
    Thanks
    Best regards

    #1168731

    Hi,
    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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Left sidebar sticky issue’ is closed to new replies.