WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Thirteen
[resolved] Mobile Menu Missing from Child Theme (8 posts)

  1. wccesq
    Member
    Posted 5 months ago #

    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

  2. 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?

  3. wccesq
    Member
    Posted 5 months ago #

    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

  4. Andrew
    Forum Moderator
    Posted 5 months ago #

    Let's see your site

  5. wccesq
    Member
    Posted 5 months ago #

    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

  6. wccesq
    Member
    Posted 5 months ago #

    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.

  7. Andrew
    Forum Moderator
    Posted 5 months ago #

    Did you add this CSS:

    .menu-toggle {
      display: none;
    }
  8. wccesq
    Member
    Posted 5 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.