Hide Tittle Bar and Page Name

If you have a child theme, you can add this CSS. Otherwise, use a CSS plugin (don’t edit the theme’s style.css file or your changes will be lost the next time you update the theme):

.home #masthead {
   display: none;
}

This should hide the header on just the home page.

If you are using a static page as your home page and you want to also hide the page title, then add one more selector:

.home #masthead,
.home .entry-title {
   display: none;
}

Thank you so much, it worked. Could you also tell me how i could hide the Tittle text of the page and the footer. Even If i remove the page tittle there is a blank space for it. How could i remove that space.

Thank you again so much for your help

Can you please post a link to your home page so I can take a look? It would be easier that way. Thanks.

The link to the homepage is – https://www.jettassociates.com/

I am trying to remove the white space in the start of the page.

Thanks

All of the space that was used by the header is actually gone. You can add this CSS to reduce some of the space at the top:

.home .vc_custom_heading h2 {
  margin-top: 0;
}

The <h2> element which holds the title Jett Associates has an inline style which sets the line height. Did you add the inline style? You should add any styling through your custom CSS and not inline because it makes it harder to override. You can change the line height with this rule:

.home .vc_custom_heading h2 {
  line-height: 3 !important;
}

The number 3 is the current line height. You can make it smaller to reduce the spacing. You can even use fractional numbers, like 1.5. Or are you trying to remove Jett Associates altogether?

Thank you very much, that did help and was able to solve the problem.
I just had another question for this page https://www.jettassociates.com/upstream-investment-partners/ I was wondering how could I remove the gap between the menu item and the content. There was a tittle text there and I was able to remove it by adding a CSS code
body.page-id-21 article header {display:none;
}

But i was not able to remove the space. If you could help me that as well it will be awesome

Thank you again so much

.page-id-21.singular #main {
  padding-top: 0;
}