• 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

Navigation issues

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 › Navigation issues

This topic is: not resolved
  • This topic has 3 replies, 2 voices, and was last updated 8 years ago by mmjaeger.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 24, 2017 at 2:17 pm #208243
    mmjaeger
    Member

    Hello
    I'm currently struggling with my menu - it is part of my site-header. when resizing the browser to about mobile width and then reloading the page in the a few times from time to time is see the full menu before it gets hidden a little later - maybe it just takes time for the css to load but it's rather annoying - anybody experience this before - how can this be fixed?

    thanks

    June 24, 2017 at 4:59 pm #208250
    ᴅᴀᴠɪᴅ
    Member

    Some themes do a check to see if the browser has JS enabled. They do this by simply adding a 'js' class to the html element. As the JS has to load, sometimes you'll see a flash of the non-JS menu, before the class is added, due to slow loading time.

    It's important for it to be there, otherwise people who visit the site without js enabled won't be able to see the menu on smaller screens. If you really want to get rid of it.. one way would to just add 'js' body class to your entire site. This way the CSS would work straight away and wouldn't need to wait for the class to be added.


    I love helping creative entrepreneurs build epic things with WP & Genesis.

    Follow on Twitter

    June 24, 2017 at 5:01 pm #208251
    ᴅᴀᴠɪᴅ
    Member

    eg;

    //* Add body class
    add_filter( 'body_class', 'custom_body_class' );
    function custom_body_class( $classes ) {
    
    	$classes[] = 'js';
    
    	return $classes;
    
    }

    I love helping creative entrepreneurs build epic things with WP & Genesis.

    Follow on Twitter

    June 25, 2017 at 6:47 am #208253
    mmjaeger
    Member

    Thanks Dave - I think the issue is related to the Elementor Page Builder - I've installed just the Genesis Sample theme and the Elementor plugin and it quickly shows the hidden primary navigation upon reloading the page - I was wondering whether anybody else is experiencing this issue.

    anybody successfully working with Elementor and Genesis??

  • 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

© 2025 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