Title: Changing mobile menu style
Last modified: August 24, 2016

---

# Changing mobile menu style

 *  [dbrewerton](https://wordpress.org/support/users/dbrewerton/)
 * (@dbrewerton)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/)
 * Hey everyone, I’m trying to figure out how to change the menu styling for mobile.
   The default WordPress mobile menu is a drop list; what I want to know is how 
   can I make my menu for mobile into buttons like this:
 * HOME
    ABOUT LOCATION
 * Here is a link to a picture that shows the drop menu style I’m looking for:
 * [http://www.torrentnightclub.com/wp-content/uploads/2015/05/mobilemenu.png](http://www.torrentnightclub.com/wp-content/uploads/2015/05/mobilemenu.png)
 * Thanks folks!

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144932)
 * Which theme is this regarding?
 *  Thread Starter [dbrewerton](https://wordpress.org/support/users/dbrewerton/)
 * (@dbrewerton)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144934)
 * No theme in particular, I am curious to know if this can be done with any given
   theme using CSS.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144942)
 * WordPress doesn’t limit the use of CSS and JavaScript, it can handle any menu.
 *  Thread Starter [dbrewerton](https://wordpress.org/support/users/dbrewerton/)
 * (@dbrewerton)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144945)
 * Ok, so I could simply just write up the CSS for this menu. Do you know of any
   examples that would show me how this is done?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144948)
 * If you already have the functionality of a mobile menu then it’s probably just
   a case of Googling how to do what you see in that screenshot;
    – How to use CSS
   gradients – How to use CSS rounded corners – How to use CSS to change font colour
 *  Thread Starter [dbrewerton](https://wordpress.org/support/users/dbrewerton/)
 * (@dbrewerton)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144949)
 * Ok, I’ll give it a shot and if I get stuck, I’ll be back. Thanks!
 *  [pdg87](https://wordpress.org/support/users/pdg87/)
 * (@pdg87)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144950)
 * If its for the site you linked to. It basically hides the main menu and shows
   the mobile menu when at mobile screen size. If it is that site. Adding css:
 *     ```
       //hide menu button
       #mobile-nav-button {
          display: none;
       }
   
       //show mobile nav items
       .mobile-nav-container {
         display: block;
       }
       ```
   
 * Might give you a starting point/idea. Then just style the list how you want.
 * Or you could re-write the markup to suit.

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

 The topic ‘Changing mobile menu style’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 3 participants
 * Last reply from: [pdg87](https://wordpress.org/support/users/pdg87/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/changing-mobile-menu-style/#post-6144950)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics