WordPress.org

Support

Support » Themes and Templates » Mobile Menu not displaying

Mobile Menu not displaying

  • arsenaljairs
    Member

    @arsenaljairs

    Hi again,
    I’ve launched my site and I am very happy with it – thank you for the wonderful theme. I was notified that I have some errors with the mobile version however.

    The main one is that the mobile menu is not displaying. It appears to load and then is hidden. I think that it might be overlapped by the background and body copy. Any ideas what to do about it?

    The second is a minor issue – there is no padding on the text in the mobile version meaning that the first letter of the page title is missing. Does anyone know the CSS declaration for this? I can probably add the padding myself.

    Thanks as always, you beautiful people!

Viewing 13 replies - 1 through 13 (of 13 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    Let’s see your site

    arsenaljairs
    Member

    @arsenaljairs

    My apologies – sorry Andrew.
    http://www.theartillery.us

    Andrew Nevins
    Forum moderator

    @anevins

    Has the header.php file been modified?
    Spun has this:

    <nav role="navigation" class="site-navigation main-small-navigation">
    			<h1 class="menu-toggle">Menu</h1>

    You have this:

    <nav role="navigation" class="site-navigation main-small-navigation">
    			<div class="menu-menu-1-container">

    arsenaljairs
    Member

    @arsenaljairs

    I don’t believe I did, but I’ll try swapping it out.

    arsenaljairs
    Member

    @arsenaljairs

    Odd – I didn’t have the “Main-small-navigation” class at all in there!

    I changed it out and that has solved that problem.
    Thank you once again Andrew!

    Andrew Nevins
    Forum moderator

    @anevins

    Is there an issue now that your desktop menu doesn’t seem to be working?

    arsenaljairs
    Member

    @arsenaljairs

    Well spotted – yes, it’s appearing as a mobile menu and worse, it doesn’t display the headers.

    Andrew Nevins
    Forum moderator

    @anevins

    Can you try switching to the Spun theme to explore whether the issue is specific to your Child Theme; or related to a plugin?

    arsenaljairs
    Member

    @arsenaljairs

    OK – swapped it over. The menus are appearing in both desktop and mobile versions. Also, the menus are now appearing in order on the mobile version, which they weren’t before.

    Andrew Nevins
    Forum moderator

    @anevins

    It may then be best to comment out your Child Theme CSS until you find whether any is responsible.

    arsenaljairs
    Member

    @arsenaljairs

    Sorry – not sure what you mean by that

    arsenaljairs
    Member

    @arsenaljairs

    Ok – I got what you mean. Thanks for your assistance Andrew!

    arsenaljairs
    Member

    @arsenaljairs

    OK, I got the menu back and it is working perfectly on mobile, but on desktop, I can still see the mobile small menu.

    What I did was remove reference to the small menu in this script:

    <nav role="navigation" class="site-navigation main-navigation">
    			<h1 class="menu-toggle">Menu</h1><?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    		</nav>

    But now obviously I have “Menu” displaying. Any ideas on how to resolve this? Sorry – I know I’m being a massive pain in the ‘a’!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Mobile Menu not displaying’ is closed to new replies.