static sidebar, but only on other pages, not home page.

Support Area Forums Umami static sidebar, but only on other pages, not home page.

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://sergiosofpelham.com
  • Author
    Posts
  • #33004
    Richard Sohanchyk
    Participant

    I asked this question before, but now since the update, this code does not work.

    #sidebar.animated {
      -webkit-animation-duration:0;
      animation-duration: 0;
    }
    
    .home #sidebar.animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
    }

    Firefox and Chrome do not recognize it, and Safari only prevents the text and images on the sidebar from animating, the transparent black background of Umami still animates behind the static content.

    Any help appreciated.

    #33007
    Bill Robbins
    Moderator

    I’d be glad to take a look, but I don’t see the URL to the site though. Could you please post it?

    Thanks,
    Bill

    #33008
    Richard Sohanchyk
    Participant

    http://sergiosofpelham.com

    I reverted back to the old version of Umami though…

    In the old version, the code works correctly in Safari. Firefox & Chrome ignore it and the sidebar still animates.

    In the newest version of Umami, Safari treated the code different. Safari only prevents the text and images on the sidebar from animating, the transparent black background of Umami still animates behind the static content.

    If possible, I would like code that could get all 3 browsers functioning the same and in the latest version of Umami.

    Thank you in advance!

    #33011
    Bill Robbins
    Moderator

    Hi Richard,

    With the update, I did separate the background of the sidebar from the actual sidebar. That made it simpler to keep the sidebar and the content area the same height while letting the sidebar fix in place to stay in sight.

    Give this a try for the new:

    1. Go to your theme options page and choose the Advanced tab.
    2. Scroll down to the Custom CSS box and add this:
      
      		body::before,
      		.animated {
      			-webkit-animation-duration: 0;
      			-moz-animation-duration: 0;
      			animation-duration: 0;
      		}
      		
      		.delay {
      			-webkit-animation-delay: 0;
      			-moz-animation-delay: 0;
      			animation-delay: 0;
      		}
      		
      		body.home::before {
      			-webkit-animation-duration: .99s;
      			animation-duration: .99s;
      			-webkit-animation-fill-mode: both;
      			animation-fill-mode: both;
      			-webkit-animation-name: slideInLeft;
      			animation-name: slideInLeft;
      		}
      		
      		
      		.home .animated {
      			-webkit-animation-duration: 1s;
      			-moz-animation-duration: 1s;
      			animation-duration: 1s;
      			-webkit-animation-fill-mode: both;
      			animation-fill-mode: both;
      		}
      		
      		.home .delay {
      			-webkit-animation-delay: 1.3s;
      			-moz-animation-delay: 1.3s;
      			animation-delay: 1.3s;
      		}
      
    3. Update your settings.

    Hope that helps. Have a great weekend,
    Bill

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘static sidebar, but only on other pages, not home page.’ is closed to new replies.