Hide menu bar

Hello
I want to hide the black bar and menu button
But I want my logo to be visible

How can I do it?
Thank you

Hello there,

You can do it with the below CSS code:


.site-header .col-md-8 {
  display: none;
}

@media only screen and (max-width:1024px) {
  
  .site-header {
    position: absolute !important;
    background: transparent !important;
  }
  
}

To apply it to your site, add it into Appearance > Customize > Additional CSS in your site dashboard.

Regards,
Kharis

Thanks for the reply

when I scroll down and up the bar still dissolve in and out

Try to add the below CSS code:


.site-header.float-header {
  background-color: transparent;
}

Regards,
Kharis