Title: toggled menu customization
Last modified: March 16, 2017

---

# toggled menu customization

 *  Resolved [blablacat](https://wordpress.org/support/users/blablacat/)
 * (@blablacat)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/)
 * Hi! (I’m here again… sorry but I’ve hot a lot of problems, I’m such a newbie…)
 * I’d love to customize the toggle menu, but I don’t know how.
    I’m looking for:–
   remove the “menu” writing OR the three-lines-icons to take a minimal amount of
   space; – change the colours; – align the dropdown menu on the left and not on
   the right (and customize colours and size).
 * Thankyou so much!!
 * [http://impressum.photography](http://impressum.photography)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Chad Chadbourne](https://wordpress.org/support/users/shireling/)
 * (@shireling)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/#post-8923438)
 * Hi [@blablacat](https://wordpress.org/support/users/blablacat/)
 * Hiding the menu icon would be the easier option, as you could use the following
   CSS:
 *     ```
       .menu-toggle:before {
           display: none;
       }
       ```
   
 * You could also remove the word Menu, but it would either be a little “hacky” 
   or you’d need to work set up and modify a [child theme](https://codex.wordpress.org/Child_Themes).
 * > align the dropdown menu on the left and not on the right
 * The toggled menu should be left aligned already – did you want it on the right
   instead?
 * If so, this CSS should do that for you, as well as change the colors.
 *     ```
       /* right indent for child pages */
       .main-navigation ul ul li a {
           padding-right: 14px;
       }
   
       /* right indent for grandchild pages */
       .main-navigation ul ul ul li a {
           padding-right: 28px;
       }
   
       /* right align menu */
       .main-navigation {
           text-align: right;
       }
   
       /* menu colors */
       .current_page_item a,
       .current-menu-item a,
       .main-navigation li:hover>a,
       .toggled .menu-toggle,
       .menu-toggle:hover {
           color: #f68060;
       }
       .menu-toggle:hover,
       .toggled .menu-toggle {
           border-color: #f68060;
       }
       ```
   
 * You can replace **#f68060** with your own [HTML color code](http://htmlcolorcodes.com/)
   🙂
 * For the sizing, are you looking to change the size only on the toggled menu, 
   and not the horizontal menu? Or change the size everywhere? 🙂
 *  Thread Starter [blablacat](https://wordpress.org/support/users/blablacat/)
 * (@blablacat)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/#post-8925065)
 * Hi! First of all: thanks for the help!
 * I forgot to say that I’m already using a child theme based on Sketch 🙂 so if
   you could explain me a way to remove or change the “menu” button and keep the
   three-line icon, it will be perfect!
 * I’ve tried your css and now it works!
 *  [Chad Chadbourne](https://wordpress.org/support/users/shireling/)
 * (@shireling)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/#post-8927599)
 * Happy to help 🙂
 * First, in your child theme, make sure you have a copy of the parent themes `header.
   php` file.
 * Locate this line of code:
 * `<button class="menu-toggle"><?php _e( 'Menu', 'sketch' ); ?></button>`
 * In the original file, it should be on or around line 31.
 * Remove the middle part, leaving just this:
 * `<button class="menu-toggle"></button>`
 * That will remove the word **Menu**.
 * Then you can use the following CSS to center the icon a little better:
 *     ```
       .menu-toggle:before {
               margin: 0 0 0 2px;
       }
       ```
   
 * Should do the trick 🙂
 *  Thread Starter [blablacat](https://wordpress.org/support/users/blablacat/)
 * (@blablacat)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/#post-8957702)
 * Perfect, thanks!
 *  [Chad Chadbourne](https://wordpress.org/support/users/shireling/)
 * (@shireling)
 * [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/#post-8961102)
 * You’re welcome! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘toggled menu customization’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sketch/1.2.4/screenshot.png)
 * Sketch
 * [Support Threads](https://wordpress.org/support/theme/sketch/)
 * [Active Topics](https://wordpress.org/support/theme/sketch/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sketch/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sketch/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Chad Chadbourne](https://wordpress.org/support/users/shireling/)
 * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/toggled-menu-customization/#post-8961102)
 * Status: resolved