Title: Mobile menu padding
Last modified: July 13, 2021

---

# Mobile menu padding

 *  Resolved [shipyardcycles](https://wordpress.org/support/users/shipyardcycles/)
 * (@shipyardcycles)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/mobile-menu-padding-2/)
 * Hi,
 * I am having a problem with the mobile menu padding on my site. I wish to put 
   some padding on the “Explore” button and hamburger to create some space once 
   the menu button is pressed.
 * I am viewing on an android device but have been told the issue is the same on
   iPhone.
 * New to CSS so please advise how I can fix this?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-menu-padding-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Ernie](https://wordpress.org/support/users/freldnb/)
 * (@freldnb)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-padding-2/#post-14670174)
 * Hey there,
 * Not sure if I understood the issue, but you can target the hamburger with this
   CSS selector:
 * `.si-hamburger`
 * For example, if you want to add some padding and a background, you can use this
   CSS:
 *     ```
       .si-hamburger {
         background: #eee;
         padding: 20px; 
       }
       ```
   
 * When a mobile menu is active `.is-mobile-menu-active` class is added to the html
   element, which means you can apply styles only when the menu is active. Like 
   this:
 *     ```
       .is-mobile-menu-active .si-hamburger {
         background: #eee;
         padding: 20px; 
       }
       ```
   
 *  Thread Starter [shipyardcycles](https://wordpress.org/support/users/shipyardcycles/)
 * (@shipyardcycles)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-padding-2/#post-14670186)
 * Branko thanks so much for your help.
 * The section option is exactly what I was looking for. To add bottom padding to
   hamburger when mobile menu was active.
 * Thanks again,
 * Chris

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

The topic ‘Mobile menu padding’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sinatra/1.4.1/screenshot.jpg)
 * Sinatra
 * [Support Threads](https://wordpress.org/support/theme/sinatra/)
 * [Active Topics](https://wordpress.org/support/theme/sinatra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sinatra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sinatra/reviews/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)

 * 2 replies
 * 2 participants
 * Last reply from: [shipyardcycles](https://wordpress.org/support/users/shipyardcycles/)
 * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/mobile-menu-padding-2/#post-14670186)
 * Status: resolved