Menu

Skip to content
Menu
  • Home
  • Blog
  • WordPress Tutorials
  • WordPress Plugins
  • About
  • Help
    • UberMenu 3 Knowledgebase
    • UberMenu Troubleshooter
    • ShiftNav Mobile Menu Knowledgebase
    • Bellows Accordion Menu Knowledgebase
    • Carbon Copy Menu Duplicator Knowledgebase
    • Support
  • ShiftNav Knowledgebase
  • Installation & Setup
    • Quick Setup
    • Optimize your viewport meta tag
    • Upgrading to ShiftNav Pro
    • Installing Updates [Pro]
  • Configuration
    • Assigning a Menu
    • Configuring Toggle Bar Display
      • Adding a logo
    • Configuring a ShiftNav Menu Panel
      • Setting the Menu Edge
      • Choosing a skin
  • Menu Item Settings
    • Disable Link
    • Highlight Link
    • Icons [Pro]
    • Scroll To
    • Submenu Type [Pro]
  • Advanced Content [Pro]
    • Logos / Images
    • Phone Numbers
    • Maps
    • User Mini Profile [Pro]
    • Content wrapper classes
  • Shortcodes [Pro]
    • Search [Pro]
    • User Mini Profile [Pro]
    • Toggle Bar Search [Pro]
    • Login/Logout [Pro]
  • Toggles
    • Toggles: HTML
    • Toggles: Shortcode
    • Toggles: PHP
  • Secondary Instances [Pro]
    • Adding a ShiftNav Instance [Pro]
    • Setting the menu for a ShiftNav instance [Pro]
    • Toggling Secondary Instances [Pro]
  • Customize
    • Customizer [Pro]
    • CSS Tweaks
    • Custom Stylesheet (custom.css)
    • Adding Custom Icons [Pro]
  • Common Customizations
    • Change the font
    • Change the transition / animation speed
  • FAQs
    • How can I make the entire menu item toggle its submenu?
    • Disable ShiftNav on a specific page (or any custom condition)
    • How can I make the menu always open on desktops?
    • Change the transition / animation speed
    • Icons not appearing (especially in Firefox)
    • Hide the “Loading ShiftNav…” message
  • Known Conflicts
    • Avada Theme and ShiftNav Back button
  • Developers
    • PHP API
    • Filters
    • Action Hooks
    • Javascript API
    • Adding Custom Javascript
    • Adding Touch Swipe Gesture Controls
Looking for a menu like this one? Check out the Bellows Accordion Menu for WordPress

Change the transition / animation speed

Knowledgebase Docs » ShiftNav
USEFUL? 0

ShiftNav uses CSS3 transitions, so it is easy to change the transition speed with CSS

.shiftnav,
.shiftnav-wrap,
#shiftnav-toggle-main{
	transition-duration:3s;
}

Latest Tweets

    Recent Posts

    • How to add swipe gesture controls to the ShiftNav Responsive Mobile Menu for WordPress September 3, 2018
    • UberMenu 3.4 Release Notes March 5, 2018
    • UberMenu 3.3 Release Notes July 11, 2017

    Keep in touch

    Sign up for the newsletter and you can stop waiting by the phone.
    Proudly powered by WordPress | Tinderbox by Chris Mavricos | SevenSpark Privacy
    Login
    0