This topic is: not resolved
- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
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.
Community Forums › Forums › General Genesis Framework Discussions › Navigation menu cumulative layout shift
Tagged: cumulative layout shift
Does anyone know how to fix the cumulative layout shift that is caused by a navigation menu. The DevTools show me that the dropdown menu is shifting the page. I'm using Genesis Sample Theme 3.3.0.
Here's my current blog post: https://thediyplan.com/diy-floor-rocking-chair/
Thanks
https://thediyplan.com/diy-floor-rocking-chair/This is a temporary solution that's working for many of us until themes or the framework has been updated.
Install Genesis Js No-JS plugin by Gary Jones - https://wordpress.org/plugins/genesis-js-no-js/.
Then add this snippet of CSS to your theme.
.js nav {display: none;} @ media only screen and (min-width: 1024px) { .js nav {display: block;} }
Note - do not put the space between the @ sign and the word media. I had to do that because the forum was turning it into a link.
Love coffee, chocolate and my Bella!
Hi,
I tried your fix Anita but it just completely removes my menu on mobile, which is clearly undesirable.
Any idea how to get your fix to work on my site? Thanks.
Award-winning wedding photographer in Scotland
@jonathonfowler you posted on another thread about this issue. You are using the Ansel theme by Imagely and not a StudioPress theme. The handling of your menu may be different than those of StudioPress. I would suggest you reach out to Imagely about their theme to see if they can resolve that for you.
Love coffee, chocolate and my Bella!
© 2023 WPEngine, Inc.