• Resolved alexmustin

    (@alexmustin)


    I have confirmed there are styles set by this plugin which can break the background-attachment: fixed CSS property. This means if you want to assign a parallax background on blocks, it will not work on the front end if you have this plugin activated.

    File:
    /off-canvas-sidebars/slidebars/slidebars.css

    Lines 120-123:

    [data-canvas], [data-off-canvas] {
    	-webkit-transform: translate( 0px, 0px );
    	    -ms-transform: translate( 0px, 0px );
    	        transform: translate( 0px, 0px );

    These lines cause the CSS property background-attachment: fixed to stop working.

    When the lines are removed or overridden, everything works as expected:

    [data-canvas], [data-off-canvas] {
    	-webkit-transform: none !important;
    	-ms-transform: none !important;
    	transform: none !important;
    }

    I am not sure if these are actually required to have the Slidebars menu working — when I apply the overrides, the side menu and everything else still works fine for me.

    I hope this is helpful for other users who have run into this problem.

    Hopefully a fix for this can be released soon.

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @alexmustin

    This is indeed a Slidebars requirement for it to work properly with CSS3 animations.
    However, for a better integration with themes like yours I have extended Slidebars to allow legacy CSS2 animations.
    See the plugin settings!

    Cheers, Jory

Viewing 1 replies (of 1 total)

The topic ‘Styles breaking ‘background-attachment: fixed’’ is closed to new replies.