Vertical Center Foldable Menu Icon Button in Menu Object on the TOP

Hi,

in smaller screens on desktops and at tablets i see in my menu the logo + an menu icon (not the complete menu list). Thats ok.

The Logo size is bigger than the size of the menu icon.
My webpage is www.weltenbummler-unterwegs.de

Now i have following issue:

The right foldable menu icon is on the top of the display. So it’s not vertical centered (like the complete menu list on the desktop version).

How can i adjust it and center vertically the foldable menu icon on the right side (the same distance above and below the icon in the black menu)?

Hello there,

Try to add the below custom CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (min-width:768px) and (max-width:1024px) {
  
  .header-wrap {
    height: 75px;
  }
  
  .btn-menu {
    margin-top: -13px;
  }
  
  .header-wrap .col-md-8 {
    margin-top: 37px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);    
  }
  
}


Regards,
Kharis