Remove menu, but keep the header and footer

[HannaHa]

Hello, I’d like to remove the menu from my header bar.

How do I do that?

I still want to keep the header bar though, since the logo is in there.

I’m using the renew theme.

[ruenel]

Hello @HannaHa,

Thanks for writing in! There is no option in the theme that allows you not to change the display mobile menu. You need to add CSS code into X > Theme Options > CSS to be able to hide it for the entire site.

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The mobile menu container use the x-btn-navbar as the element ID. Therefore a proper CSS selector for hiding the mobile menu icon will be:

#x-btn-navbar {
    display: none;
}

Feel free to add whatever CSS code you like inside the selector. I added a display: none to hide the element. To learn more about the “display” css property, please check this out: https://www.w3schools.com/cssref/pr_class_display.asp

The points above will be a good starting point and if you are interested you can learn more about CSS selectors and details here

If you are more interested in having control over all aspects of the footer I suggest that you consider the Pro theme which has a Header builder and you can use various elements to create a custom header.

Kindly check the Elements section of our documentation to learn more on which elements you can use on Pro Header/Footer builders.

By the way, be advised that we have released X 8.0.9 and Cornerstone 5.0.9. It is now available in automatic updates. You can now update to this latest version. This latest release contains fixes for several issues so be sure to check out the changelog (https://theme.co/content/pro4-x8-cornerstone5#changelog).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache, or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Thank you.