Support » Theme: Twenty Thirteen » Mobile Menu Missing from Child Theme

  • Resolved wccesq

    (@wccesq)


    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)
  • Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

    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?

    wccesq

    (@wccesq)

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Let’s see your site

    wccesq

    (@wccesq)

    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

    wccesq

    (@wccesq)

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Did you add this CSS:

    .menu-toggle {
      display: none;
    }

    wccesq

    (@wccesq)

    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 ‘Mobile Menu Missing from Child Theme’ is closed to new replies.