• 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

Mobile Menu CLS (Cumulative Layout Shift) Issue with Digital Pro

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 › General Genesis Framework Discussions › Mobile Menu CLS (Cumulative Layout Shift) Issue with Digital Pro

This topic is: not resolved

Tagged: CLS, core web vitals, Magazine Pro

  • This topic has 62 replies, 24 voices, and was last updated 3 months, 2 weeks ago by patricklm.
Viewing 3 posts - 61 through 63 (of 63 total)
← 1 2 3 4
  • Author
    Posts
  • September 6, 2022 at 10:16 am #505762
    mrmedoz
    Participant

    Thank you for this tip

    September 25, 2022 at 1:41 am #505861
    Asidert
    Participant

    It seems to me that the issue is not related to a child theme but rather a component of its core framework, as I mentioned earlier. The framework demo also shows the menu for a few milliseconds, but it disappears. The navigation menu is dynamically displayed by using display: none and display: block properties, so from my perspective, this is not intended to avoid CLS but rather to work as a display: block. Because the CSS elements containing the classes we need to display in the navigation menu are not yet loaded, the display: any property of the navigation menu HTML element is missing by default because the CSS elements containing the classes are not yet loaded.
    I am unaware of any workaround for this issue, but there may be a workaround. I think that if we could add the display: none property right to the HTML Nav element without waiting for the button to be touched, then we would be able to resolve the issue. Does this issue have a workaround?
    It is for the sake of search engines, but from the point of view of the user too, that this is not only the case here but also from the user's point of view. Seeing an unwanted menu item show up and then disappear all of a sudden seems pretty lazy when this can be accomplished by touching the menu toggle to make it appear.

    October 19, 2022 at 9:10 am #506034
    patricklm
    Participant

    I got rid of this problem on my site (using child Theme: Daily Dish Pro) using this advice:

    How to FIX Mobile Menu CLS issue in Genesis theme

    Application: Insert it to C

    ustom CSS inside Appearance >> Customize >> Additional CSS

    Currently working

    @media only screen and (max-width: 768px){
    #genesis-nav-primary {
    	display: none;
    }
    }
  • Author
    Posts
Viewing 3 posts - 61 through 63 (of 63 total)
← 1 2 3 4
  • You must be logged in to reply to this topic.
Log In

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