• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

how to remove the transition effect drop down in genesis-sample

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › how to remove the transition effect drop down in genesis-sample

This topic is: not resolved

Tagged: drop down, genesis sample

  • This topic has 3 replies, 3 voices, and was last updated 7 years, 6 months ago by carasmo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 12, 2016 at 2:08 pm #181280
    Gaëtan
    Member

    Hello,
    Everything is said in the title 🙂

    sorry for English google

    March 13, 2016 at 5:26 am #181319
    Victor Font
    Moderator

    You would disable superfish. The snippet is here: http://my.studiopress.com/snippets/scripts/


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    March 13, 2016 at 6:26 am #181324
    Gaëtan
    Member

    It's perfect, thank you

    March 13, 2016 at 1:21 pm #181358
    carasmo
    Participant

    That transition effect is from the styles.css AND the arguments for Superfish, not just Superfish. So you would need to adjust the arguments in the .js to remove fade. Superfish allows the click to work on the top nav on Android to behave like IOS, one tap for dropdown, two (on the parent) to link to the page. If you remove it, you will be removing important functionality.

    .genesis-nav-menu .sub-menu {
    	left: -9999px;
    	opacity: 0;
    	position: absolute;
    	-webkit-transition: opacity .4s ease-in-out; /* remove this  */
    	-moz-transition:    opacity .4s ease-in-out; /* remove this  */
    	-ms-transition:     opacity .4s ease-in-out; /* remove this  */
    	-o-transition:      opacity .4s ease-in-out; /* remove this  */
    	transition:         opacity .4s ease-in-out; /* remove this  */
    	width: 200px;
    	z-index: 99;
    }

    This file: superfish.args.min.js

    jQuery(function($){"use strict";$(".js-superfish").superfish({delay:100,animation:{opacity:"show",height:"show"},dropShadows:!1})});

    to:

    jQuery(function($){"use strict";$(".js-superfish").superfish({delay:100,dropShadows:!1})});

    SEE: http://users.tpg.com.au/j_birch/plugins/superfish/options/

    You would only remove the arguments from the parent theme (Genesis) and hook your own in your child theme, this is how to remove the arguments:

    //* ==== Disable Superfish Arguments
    add_action( 'wp_enqueue_scripts', 'sp_disable_superfish' );
    function sp_disable_superfish() {
            wp_dequeue_script( 'superfish-args' );
    }
    

    Next you would create another .js file with the new arguments and wp_enqueue_script using the registration handle(array( 'superfish' )


    Genesis Theme Customization and Help

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble