Remove gap between menu and header

I could use some help to remove the white space between the menu and the top picture on the home page.

The following CSS code removed the title and much of the space but there is still a gap.

.page-header {
display: none;
#masthead > .container {
display: none;

How can I snug the top picture up against the menu?


Hi @behappy,

I hope you are well today and thank you for your question.

Could you please share me the page URL from your site where it is displaying so that i can help you to remove it?

Best regards,
Vinod Dalvi

Hi Vinod,

My site is locally hosted while in development. I’ve attached a screenshot in the original post for reference.

Let me know if there is any more information I can provide.


You can try removing it by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

div#logo {
    display: none;

Thanks. I implemented that code and it didn’t change or remove the existing gap.

Note, I placed the code in the following path Admin Area -> Appearance -> Customize -> Additional CSS. Is that the right place? I don’t have an ‘Other’ option within Activello Options, only Layout, Content, and Slider options.


You are using the custom CSS code correctly.

Please share the screenshot of your Additional CSS section where you have added the shared code.

Also please tell me how is the image saet that is displayed in your shared screenshot?

The screenshot of whole page without customizer will be helpful.