WordPress.org

Forums

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

  1. wccesq
    Member
    Posted 1 year 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 1 year 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 1 year ago #

    Let's see your site

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

    Did you add this CSS:

    .menu-toggle {
      display: none;
    }
  8. wccesq
    Member
    Posted 1 year 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

  9. noorahil
    Member
    Posted 8 months ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.