Remove Top Bar from Home page after removing menu

Hi there

I can remove the menu from the Home page by inserting the following into the additional CSS section:

body.home nav#site-navigation {
display: none;

But it leaves a white bar across the top of the page.

I want the landing/home page to just be an image with no bar at the top.

What additional code do I need to remove the bar at the top (see attached pic)?




You don’t want the menu and the logo? the CSS you use will remove the header along with the white bar, can you try this

Go to Appearance -> Customize -> Additional CSS and add this CSS Snippet in it,

.site-header { display: none; }

Let us know,