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/

    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

    (@edge22)

    Hi there,

    Can you link me to your site so I can see the issue?

    Thread Starter rocketpig3

    (@rocketpig3)

    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

    (@leohsiang)

    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 7 years, 4 months ago by Leo.
    Thread Starter rocketpig3

    (@rocketpig3)

    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.