WordPress.org

Support

Support » Themes and Templates » [Resolved] Mobile Menu Missing from Child Theme

[Resolved] Mobile Menu Missing from Child Theme

  • Hi, Dear developer, moderator, or members,

    I encountered a problem, after using the Child Theme for CSS adjustments for the Navigation Menu bar.

    The Menu button is now missing from the Mobile device. However, when I re-activated the default Parent Theme, the Navigation Menu re-appeared on Mobile devices.

    Can anyone help me resolve the missing menu for the Child Theme?

    Many thanks in advance,

    Ken

Viewing 8 replies - 1 through 8 (of 8 total)
  • Jan Dembowski
    Volunteer Mod. & Brute Squad

    @jdembowski

    I encountered a problem, after using the Child Theme for CSS adjustments for the Navigation Menu bar.

    Link to site? And what did you change in your child theme?

    Hi, Jan,

    First, thank you for your help.

    The only thing I did was (i)copying from the Parent to my Child Theme the entire css section of “.nav-menu li a {….”, or as follows for your reference,and (ii) making some changes on color codes, and font weight to bold when hovering, as reflected in the cited code. Then, when I tried the Child Theme on my Note II and other mobile devices, the Menu button is missing, giving a reader no access to other pages, except the home page. But, going back to the Parent Theme, the Menu re-appeared. I did not do anything to the php at all.

    /*
    Theme Name: Twenty Thirteen-child
    Version: 1.0
    Description: A child theme of Twenty Thirteen
    Template: twentythirteen
    */
    
    @import url("../twentythirteen/style.css");
    
    .nav-menu li a {
    	color: #ffffff;
    	display: block;
    	font-size: 15px;
    	line-height: 1;
    	padding: 15px 20px;
    	text-decoration: none;
    }
    
    .nav-menu li:hover > a,
    .nav-menu li a:hover {
    	background-color: #009900;
    	color: #ffffff;
    	font-weight: bold;
    }
    
    .nav-menu .sub-menu,
    .nav-menu .children {
    	background-color: #220e10;
    	border: 2px solid #f7f5e7;
    	border-top: 0;
    	display: none;
    	padding: 0;
    	position: absolute;
    	left: -2px;
    	z-index: 99999;
    }
    
    .nav-menu .sub-menu ul,
    .nav-menu .children ul {
    	border-left: 0;
    	left: 100%;
    	top: 0;
    }
    
    ul.nav-menu ul a,
    .nav-menu ul ul a {
    	color: #fff;
    	margin: 0;
    	width: 200px;
    }
    
    ul.nav-menu ul a:hover,
    .nav-menu ul ul a:hover {
    	background-color: #db572f;
    }
    
    ul.nav-menu li:hover > ul,
    .nav-menu ul li:hover > ul {
    	display: block;
    }
    
    .nav-menu .current_page_item > a,
    .nav-menu .current_page_ancestor > a,
    .nav-menu .current-menu-item > a,
    .nav-menu .current-menu-ancestor > a {
    	background-color: #c00000;
    	color: #ffffff;
    	font-weight: bold;
    	font-style: italic;
    }
    
    .menu-toggle {
    	display: none;
    }
    
    /* Navbar */
    .navbar {
    	background-color: #0066FF;
    	margin: 0 auto;
    	max-width: 1600px;
    	width: 100%;
    }
    
    .site-header .search-form {
    	position: absolute;
    	right: 20px;
    	top: 1px;
    }

    With many thanks, again,

    Ken

    Andrew Nevins
    Forum moderator

    @anevins

    Let’s see your site

    Hi, Andrew,

    Just activated my Child Theme, having no access from my phone to the Menu that is otherwise available from the Parent Theme. If you need, I can activate the Parent Theme for you, and you will find the normal Menu Button on the left.

    Ken

    Hi, Andrew,

    Forgot to give you my web address: http://wildchang.com.

    Sorry and Thanks,

    Ken

    PS: I don’t know how to use Link here yet.

    Andrew Nevins
    Forum moderator

    @anevins

    Did you add this CSS:

    .menu-toggle {
      display: none;
    }

    Hi, Andrew,

    I just removed it from the Child CSS and the Menu toggle came back on Child Theme. Hooray!!!

    You are wonderful. Many many thanks, Andrew,

    Ken

    Hooray!! I had the same problem, just don’t have it anymore!! Many many thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Mobile Menu Missing from Child Theme’ is closed to new replies.