Change toggle animation from left to right instead of right to left

  • Resolved fosteralex

    (@fosteralex)


    7 years, 4 months ago

    Hello i am wondering how i could change the shift animation direction of a right fixed nav.

    As it is now when i click the shift arrows the animation appears to come from left to right. but i would like to change it so the animation come from the right to the left.

    So when i a clicking on the arrows to move deeper in the nav it should look as if i am turning to the next page like you would turning a page in A book. Which in western culture you pull the page to the left to go further into the book.

    i hope this is clear enough

    • This topic was modified 7 years, 4 months ago by fosteralex.
Viewing 1 replies (of 1 total)
  • Plugin Author sevenspark

    (@sevenspark)

    7 years, 4 months ago

    Hi @fosteralex,

    The animations are handled by CSS transforms, so you can modify what you like via CSS.

    By default, the shift submenus are translated from -100% (off the left of the screen) to 0. You could change that start point to 100% (off the right side of the screen) to animate them in the opposite direction.

    Something like

    
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-sub-shift > ul.sub-menu{
	transform: translateX(100%);
}

    Hope that helps,

    Chris

Viewing 1 replies (of 1 total)
  • The topic ‘Change toggle animation from left to right instead of right to left’ is closed to new replies.