Remove big spaces in Menu (Full Logo on Top option)

Hello,

I’m not sure exactly what white space you mean to remove but i assume it’s the one under the logo
You can use this custom css to remove some of the space:

.page-id-38 .td-header-style-9 .td-logo-wrap-full {
min-height: 70px!important;
}
.page-id-38 .td-header-menu-wrap-full{
height:0!important;
}


Thanks.

Hello,

1) You can use this css for the desktop version:
.td-main-menu-logo img{
margin-left:128%!important
}
You can use the same method to apply it to the tablet and mobile version of your website.

2)You can hide it using this code:

.td-header-menu-wrap-full{
display:none!important;
}

Hi,

Please remove the second code and replace it with this one:
.td-icon-mobile{
display:none!important;
}
Regarding the gradient border, you already have it in desktop and mobile:
http://screencast.com/t/iKWk0c0nu – http://screencast.com/t/rKL9qdqYa8E

Thanks.

Hello George,

Unfortunately if i remove the white space from the mobile version, you will no longer have the scrolling logo. It is defined in those white spaces under the main logo.
You could use this code and give up the scrolling logo for the mobile version:

@media (max-width: 767px){
.td-header-menu-wrap-full{
display:none
}
.td-main-page-wrap{
padding-top: 5px!important;
}
}

result: http://screencast.com/t/pI1XSwdlm
Unfortunately it’s either white space or no scrolling logo. This is how the menu is set up.
I hope it helps
Thanks.