Menu size on phone

Can I take out the menu when I make the window smaller? So it only appears on big screens!

Hi,

Did you mean something like this?
Screenshot_83

If yes, add this code to Customize > additional CSS:

@media (max-width: 767px){
  .site-header {
      display: none;
  }
  .elementor-widget-container {
      padding: 0 20px !important;
  }
}

Regards,

Almost! I do want the logo to appear!

Okay, then please use this CSS code instead:

@media (max-width: 767px){
    #masthead {
       background-color: transparent !important;
       position: absolute;
    }
    .site-branding {
        margin: auto;
    }
    .site-header .last-block .socials, .header-mobile-menu {
        display: none !important;
   }
   .elementor-widget-container {
      padding: 0 20px !important;
   }
}

After that, please set your first elemntor widget padding-top to 100px

Not happy with the result. Maybe I explaned myself wrong.
I want just 2 ways of menu:

  • the normal one in big windows and tablets (not hamburger)
  • and the logo itself, with black background in mobile phones

THANKS