Here is what I see on dev.maisondemarseille.com :

Here is what i’d like :

I just need to see the menu inside the black line

It doesn’t work… I don’t want any logo (desktop or mobile.

I tried that code :
.responsive #top .logo {
display: none;
}

Mobile menu appears but not at the good place… The same for desktop menu.
You should see it on http://dev.maisonsdemarseille.com

Here is my last custom code :

.av-main-nav>li>a {
letter-spacing: 1px;
}
.entry-content-wrapper h1{
letter-spacing: 20px !important;
}
.entry-content-wrapper h2{
letter-spacing: 16px !important;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}
.responsive #top .logo {
display: none;
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1;
}
.av-masonry-image-container:hover { transform: none !important; }
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 50px !important;
}
#header {
height: 50px;
}

You did’nt read me until the end ;-)

The CSS code causing the problem is that one :
.container.av-logo-container {
display: none!important;
}

:-( That was not my question…
I found a solution to add icons in the main menu with “menu icons” plugin by Dzikri Aziz
All is ok on PC and Tablet…

But on smartphone, I only have a black space without mobile menu… (even if i desactivate “menu icons” plugin)

It’s all ok on PC and Tablet !!

But no menu on smartphone :-(

All my quick CSS :
.av-main-nav>li>a {
letter-spacing: 1px;
}
.entry-content-wrapper h1{
letter-spacing: 20px !important;
}
.entry-content-wrapper h2{
letter-spacing: 16px !important;
}
.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
-webkit-animation: none;
animation: none;
}
.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1;
}
.av-masonry-image-container:hover { transform: none !important; }
.container.av-logo-container {
display: none!important;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 50px !important;
}
#header {
height: 50px;
}

My last try :
.av-logo-container {
display: none!important;
}
The logo disappears, the main menu takes the place of the logo but a black DIV (height 45px) still appears under the menu…

Here is the result for the moment with Enfold (is it what you saw on screen after modifying your hosts file?) :

here is the URL
I just have to find a way to :
– remove the logo line
– add the secondary menu on the same line than the primary menu.

The website is not active but I can see it if you modify your hosts file.