Title: Logo padding on mobile
Last modified: November 11, 2017

---

# Logo padding on mobile

 *  [rocketpig3](https://wordpress.org/support/users/rocketpig3/)
 * (@rocketpig3)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/logo-padding-on-mobile/)
 * When using an image for a logo the padding used makes the logo appear to have
   shrunk on mobile, making the logo text mostly unreadable. Using this guide: [https://generatepress.com/forums/topic/mobile-logo-remove-paddingmargin-and-increase-size/](https://generatepress.com/forums/topic/mobile-logo-remove-paddingmargin-and-increase-size/)
 * I tried the following code with a custom CSS plugin:
 *     ```
       .mobile-header-navigation .mobile-header-logo {
           padding-top: 0 !important;
           margin-left: 0 !important;
       }
   
       .mobile-header-navigation .mobile-header-logo, 
       .mobile-header-navigation .mobile-header-logo img {
           height: 50px !important; /* height of your navigation */
       }
       ```
   
 * However the padding remains. How can I get rid of it?
 * Thanks.

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

 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/logo-padding-on-mobile/#post-9672467)
 * Hi there,
 * Can you link me to your site so I can see the issue?
 *  Thread Starter [rocketpig3](https://wordpress.org/support/users/rocketpig3/)
 * (@rocketpig3)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/logo-padding-on-mobile/#post-9672530)
 * Sorry I’m just on a local environment (XAMPP) at the moment as I’m not quite 
   ready to make the site live. Should that code be working? I’ve used Simple CSS
   to make other minor changes to the theme. If you need to see the site what would
   be the best way to share it? I’ve messed with free webhosting before and it was
   a real pain.
 * Is there a method to alter the padding on all devices to see if that solves the
   problem? It’s a bit to much for my liking on the desktop version too.
 * Thanks.
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/logo-padding-on-mobile/#post-9674066)
 * That code is using mobile header which is a feature included in premium plugin
   so I don’t think you are using it.
 * Maybe it’s the header padding you are referring to? Give this a shot:
 *     ```
       @media (max-width: 768px) {
           .inside-header {
               padding: 0;
           }
       }
       ```
   
 * If not then we would need to see the site. You should be able to add the URL 
   in the original post.
 * Thanks!
    -  This reply was modified 8 years, 9 months ago by [Leo](https://wordpress.org/support/users/leohsiang/).
 *  Thread Starter [rocketpig3](https://wordpress.org/support/users/rocketpig3/)
 * (@rocketpig3)
 * [8 years, 9 months ago](https://wordpress.org/support/topic/logo-padding-on-mobile/#post-9674554)
 * That did the trick, thanks so much!

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

The topic ‘Logo padding on mobile’ is closed to new replies.

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

## Tags

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

 * 4 replies
 * 3 participants
 * Last reply from: [rocketpig3](https://wordpress.org/support/users/rocketpig3/)
 * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/logo-padding-on-mobile/#post-9674554)
 * Status: not resolved