Menu opening speed (Genesis Sample Theme)

[JummulMember]

Hi y'all!

I'm creating a new design, built off of the sample theme. Other than some css, haven't done much to the navigational menus yet.

I noticed that the menu take some time to open, roughly quarter of a second. I want them to be instand, but there is some drop-down transition voodoo going on 🙂
I've found two transitions in the css, see below. Removing these or changing the values doesn't seem to work. Can someone help me pinpoint it?

(no url posted as this is developed in a password protected environment.. sorry)

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

	.sub-menu-toggle::before {
		display: inline-block;
		text-rendering: auto;
		-webkit-transform: rotate( 0 );
		-ms-transform:     rotate( 0 );
		transform:         rotate( 0 );
		-webkit-transition: transform 0s ease-in-out;
		-ms-transition:     transform 0s ease-in-out;
		transition:         transform 0s ease-in-out; 
	}

	.sub-menu-toggle.activated::before {
		-webkit-transform: rotate( 180deg );
		-ms-transform:     rotate( 180deg );
		transform:         rotate( 180deg );
	}

[Victor FontModerator]

The first block of CSS has nothing to do with the menu. The second is for the toggle on mobile devices.

The menu speed isn't controlled by CSS, it's controlled by superfish. Superfish is a Javascript tool that is enabled when accessibility in enabled. Remove 'drop-down-menu' from the line in functions.php that enables accessibility.

---

Regards,

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

[JummulMember]

Thanks Victor, that was it!

[Author]

Posts