Remove white space above and below logo

Activello
1

Hi can you please help me reduce the white spaces above and below my logo. See attached screenshot.

The grey box below is the meta slider plugin. I would like to remove the white space between it and the line completely.

Thanks

2

Hi @jhbjhbj,

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

Could you please share me your site URL where it’s displaying so that i can help you to remove it?

Kind Regards,
Movin

3

Thanks - www.emvi.design

4

You can try reducing 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 {
    padding: 10px 0;
}
.container.main-content-area {
    margin-top: 0;
}
header.entry-header {
    display: none;
}
5

Thanks, but this didn’t work. You can see that there is still a gap between the grey line and the slider.

Actually, would it be possible to move the logo to the top left (inside the nav bar), move the menu to the centre of nav bar and then close the gap completely so slider starts just below nav bar?

many thanks!

6
Thanks, but this didn’t work. You can see that there is still a gap between the grey line and the slider.

Please try using the below CSS code also.

body.home .entry-content {
    margin-top: 0;
}
#masthead #line{
    display: none;
}
Actually, would it be possible to move the logo to the top left (inside the nav bar), move the menu to the centre of nav bar and then close the gap completely so slider starts just below nav bar?

It seems possible but to help us keep support thread separates could you please create new thread for your other questions here Activello - Colorlib Support Forum instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.