Removing Dazzling head space under the menu

Dazzling
1

Hi I have built with the Dazzling theme and the plugin Elementor. There is a resulting background space between the header menu and the Slider. I wonder if there is way to delete it.

I would like to remove the space circled in red.

My site: http://104.199.156.162/

Thank you in advance for you help.

Keith

2

Hi Keith,

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

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

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


div#content {
    margin-top: 0;
}
#main .page-header {
    display: none;
}
.entry-content {
    margin-top: 0;
}

Best Regards,
Movin

3

Thank you so much for you help.

However, I would now wish to delete the entire header section, is that possible with custom css?

4
However, I would now wish to delete the entire header section, is that possible with custom css?

Yes you can achieve that by using the following custom CSS code.

nav.navbar.navbar-default {
    display: none;
}