Eliminate space around a logo in the header?

[iampossible]

Greetings,

I’ve gone over the documentation and other responses on the support forum, but was’t able to find an exact solution to this puzzle.
(http://dante.swiftideas.net/documentation/#logo)

How do you reduce the top and bottom space around a Logo? The extra space becomes very visible in mobile view, but I’m trying to eliminate the space for anyone that views it in mobile view or desktop view.

The extra Css I tried so far had no impact either:
#header-section #header {
padding: 0;
}

Warm Regards

[iampossible]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi

Try to add the code below to your custom css options.

#header-section.header-6 #header {
    padding: 4px 0 0!important;
}
#header-sticky-wrapper, #menu-dante-main-menu {
    height: 50px!important;
}

-Rui

[iampossible]

Hello Rui,

Thank you for the providing that code. I’ve tried the code you provided but it doesn’t seem to have an impact on reducing the space above and below the logo, especially in the mobile version of the site.

Please advice

[David Martin – Support]

Hi,

Please remove your custom CSS:

Please add a WP login also.

Thanks.

[iampossible]

This reply has been marked as private.

[David Martin – Support]

You use this and adjust the values:

@media only screen and (max-width: 767px) {
  
#header-sticky-wrapper, #menu-dante-main-menu {
    height: 70px!important;
}
  
.header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row {
    height: 30px;
}
  
#top-bar .tb-left, #top-bar .tb-right {
    display: block;
}
  
}