• Hello,

    i’m using twenty fourteen and i would like the button to say Menu instead of the tree lines it has currently in the mobile view. How do I achieve this?

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Chrisssssi

    (@chrisssssi)

    Does anybody have an idea?

    1. Create a child theme.
    2. Make a copy of header.php from the parent theme folder into your child theme’s folder.
    3. In the child theme copy of header.php, look for this line, and remove the word Primary:
      <button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>

      Make sure to click the Update File button when you’re done.

    4. In the child theme’s style.css file, add these rules:
      .menu-toggle {
         text-transform: none;
      }
      .menu-toggle:before {
         content: none;
      }

      You can add whatever other properties you want to the first rule to customize the Menu however you want (like font-size, color, etc).

    Thread Starter Chrisssssi

    (@chrisssssi)

    Thank you. Worked very well.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Primary Menu Button’ is closed to new replies.