WordPress.org

Forums

Spun
Mobile Menu not displaying (14 posts)

  1. arsenaljairs
    Member
    Posted 1 year ago #

    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!

  2. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Let's see your site

  3. arsenaljairs
    Member
    Posted 1 year ago #

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

  4. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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">
  5. arsenaljairs
    Member
    Posted 1 year ago #

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

  6. arsenaljairs
    Member
    Posted 1 year ago #

    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!

  7. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  8. arsenaljairs
    Member
    Posted 1 year ago #

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

  9. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  10. arsenaljairs
    Member
    Posted 1 year ago #

    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.

  11. Andrew
    Nuh uh moderator
    Posted 1 year ago #

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

  12. arsenaljairs
    Member
    Posted 1 year ago #

    Sorry - not sure what you mean by that

  13. arsenaljairs
    Member
    Posted 1 year ago #

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

  14. arsenaljairs
    Member
    Posted 1 year ago #

    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'!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic