In the WordPress admin panel, click Appearance > Customize. To remove the header, click Header > Header layout and for the Layout setting select None.
Tho you can hide the menu using CSS, but it’s not mandatory because you can also hide menu items from the Site Customizer. On the sidebar of the Customizer click on the Menus > tab. Click on Primary. Now just open the menu item you want to hide/remove-by clicking on it and click the red Remove link.
Create a custom menu with nothing in it and then save it and in the theme locations module, select that blank menu from the pulldown and then click save and the top menu should go away.
Navigate to Appearance/Customize from your WordPress dashboard and select the Additional CSS section and the Mobile version of the website. You can switch between the different versions of your website in the bottom left hand-side menu. Click the mobile icon to edit the mobile version of the website.
Click the “Remove” link at the bottom of the Home menu options. Click the “Save Menu” button. The Home button is no longer displayed on your blog posts.
How do I get rid of the transparent header in WordPress?
Note: Transparent Header can be set from Page Meta settings as well. Just Edit the page/post, in the right sidebar, you will find the Astra Settings section. This allows you to enable/disable transparent header for particular page/post. Note that the page meta setting has high priority than a customizer setting.
How do I make a header not transparent?
Click the Header & Footer Tools Design tab. In the Header & Footer group, click the Header button. Choose Remove Header. The header is gone.
To select your mobile menu style simply log into your WordPress dashboard then go to Appearance > Customize > Header > Mobile Menu. Here you will be able to select your preferred style from a dropdown.
CSS – Hide Nav Bar & Footer
- add id = ‘nav-bar’ inside nav tag and in your css – #nav-bar{display:none;} – user4520208 Jul 2 ’16 at 4:07.
- Have you tried applying the CSS styling using Chrome DevTools (or your browser’s equivalent live CSS editor)? Does it work from there? –
Solution 1:
If you want to use 3rd party plugin then you just have to add below css code into your stylesheet or you can also add this code into your additional css from theme customizer. This code removes your hamburger menu. After that, you can use your 3rd party plugin.