Hide/Remove Main Menu from header

Hi guys, first of all congratulation for your job, sydney it’s a great theme!
I would like to remove/hide main menu from header,in particular in the mobile versione. I’ve already used this code to remove sticky solid header:

body header#masthead {
    position: absolute !important;
    background: transparent !important;
}

div.header-image > img.header-inner {
    min-height: 200px;
}

#main-navigation {
    display: none !important;
}

my site is www.sound-scape.it/podcastingfacile

Thank you so much!

Hello Soundscape,

  1. It looks like your custom CSS code breaks the mobile layout of your site.

  2. You can turn off sticky menu in your DashboardAppearanceCustomizeHeader areaMenu style → select Static for Sticky menu → click Save & Publish button.

Can you please describe what exactly you are trying to achieve?

Kind Regards, Roman.

Hi Roman, thanks for answer.
I try to explain:
The link i attached is a landing page, i want a transparent header with my logo but without any menu.
Thanks
G.

Hello Soundscape,

Can you please remove that custom CSS code from your website and leave here a note?

Kind Regards, Roman.

Hello Roman,
code removed

Hello Soundscape,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.col-md-8.col-sm-4.col-xs-12 {
    display: none;
}

#masthead {
    position: absolute !important;
    background-color: transparent;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,
It works perfecly! Thank you so much!

Great! You are welcome Soundscape :slight_smile:

Kind Regards, Roman.