Menu toggle padding

www.splitlogspooktacular.com

on mobile browsers, there is excessive padding above and below the menu toggle button. cant figure out how to trim it down?

Hello there,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.menu-toggle.btn{
  padding-top: 2px;
  padding-bottom: 2px;
}

You would adjust the values accordingly. Let me know how it works.

Regards,
Kharis

no luck, im afrad. it just makes the button appear smaller.

Hello there,

Sorry for the wrong code.

Could you please take a screenshot with some annotations explaining how it should be look like? Upload it to the free image hosting service like Google Drive, Dropbox, or cloudup.com and share its link here.

Regards,
Kharis

how it is:

LOGO
.
.
.
BUTTON
.
.
.
PAGE/POST

how i want it:

LOGO
.
BUTTON
.
PAGE/POST

Hello there,

Thank you. It helps me a lot. Try this code, please.


@media only screen and (max-width:397px){
  
   .menu-toggle{
      margin: 0 auto !important;
      float: none;
   }
   
}

Regards,
Kharis

great success!

thx!