Twenty Fourteen
2014 mobile view (6 posts)

  1. Bob Varaleau
    Posted 1 year ago #

    I would like to be able to view my site on mobile devices and have the menu button at the top of the screen just like the demo shows on the twenty fourteen web page. I know my site is responsive but still know menu button. There is also no mobile option under the appearance tab in the dashboard. Is there something I am missing here?



  2. Bob Varaleau
    Posted 1 year ago #

    I have found the problem with the missing mobile menu button but it has created another problem.

    In an effort to have a simplified 2014 site I disabled the masthead portion of the header. This also eliminated the primary menu in the header and the the mobile menu button. Restore the masthead and I get my mobile menu button back but I also get the menu showing as well which is something I want to get rid of.

    Is there a way of not having the menu in the header and still showing the mobile menu button? Could the menu button key into the secondary menu which is in the left side bar?

  3. esmi
    Forum Moderator
    Posted 1 year ago #

    Do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes.

  4. Bob Varaleau
    Posted 1 year ago #

    I didn't mention that but I am making my changes in a child of the Twenty Fourteen theme.

  5. mhixon
    Posted 1 year ago #

    Bob, how did you restore the missing mobile menu button? I am also trying to modify the mobile version of my site (via a child theme) and can't figure out where to do so.

  6. Bob Varaleau
    Posted 1 year ago #

    It was pointed out to me that Twenty Fourteen is mobile ready and there is really nothing you have to do. What I also found out is that the mobile menu button is connected to the top primary menu which I don't want with my site so I changed a line of code in the header.php so it looked like this.

    <!--<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>-->

    This killed the menu at the top of the page but it also killed the mobile menu button. I wasn't thinking of the mobile menu at the time so I didn't realize that it was missing.

    Now I was left with about 50 pixels of blank space at the top of the content area. Firebug tells me this is the masthead and with a little investigation I added this CSS and the masthead is gone as well.

    #masthead {
        display: none;

    This will also kill your mobile menu button. When I backup on these two items the mobile menu button is back but so is the menu that I don't want.

    My thought now is that rather than the mobile menu button keying into the primary menu it will key into the secondary menu. I don't know that this will work and am hoping that someone smarter than me will find the solution and let us all know.

    Oh yes, be sure to make these changes in a child version of your site.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic