Removing height animation in submenu

[RachelGibbons]

I am trying to stop the submenu doing a height animation when you hover over the menu, I want it to just appear. This is because it is 3 columns wide, and so as the submenu appears from the top, the submenu items appear to flicker as they move position to flow into the space. I have made it work the first time in css, but after that it goes back to the animation.

I think I need to change:
function _superfishToggle( buttons ) {
in responsive-menu.js and change the height here from show to hide:
'animation': {'opacity': 'show', 'height': 'show'},
Is that right?

Changes I make aren't changing the website though. Changing the version number isn't changing it. Clearing the browser cache isn't doing it. I added a comment to console.log and that doesn't show up either.
I found a suggestion on stackoverflow to do this:
wp_enqueue_script(
genesis_get_theme_handle() . '-responsive-menu',
get_stylesheet_directory_uri() . '/js/responsive-menus' . $suffix . '.js',
[ 'jquery' ],
date("h:i:s"), //date instead of version number
true
);
But that didn't change anything either.
Please could you help? Thanks

http://www.penistoneleisurecentre.org.uk

[Anita]

You can disable Superfish - https://my.studiopress.com/documentation/snippets/scripts/disable-superfish-script/.

---

Love coffee, chocolate and my Bella!

[RachelGibbons]

Ok thanks Anita,

I thought superfish helped with accessibility though? I was hoping to keep most of superfish and only change the height animation. How would I do that?

[RachelGibbons]

It's ok, I found theme-supports.php and removed 'drop-down-menu' from here:

'genesis-accessibility' => [
'drop-down-menu',
'headings',
'search-form',
'skip-links',
],

That seems to work, and hopefully leaves most of the accessibility in place?
Thanks

[Author]

Posts