[raisethebarrParticipant]

My website http://www.ecokarma.net is using the ‘inline’ header layout. The way the logo image looks it makes sense to have it inline. However, I prefer the menu on mobile appearing below the logo image (like it looks with the stacked layout). I’ve looked at the other questions but can’t seem to get the right css tweak to make this happen. Thanks in advance for your help,

Benjamin

[JadeModerator]

Hi Benjamin,

You can add this under Custom > CSS in the Customizer.

@media (max-width: 979px) {
    .x-btn-navbar {
         margin-top: 0 !important;
    }
}

Hope this helps.

[John EzraMember]

Hi Benjamin,

Thanks for writing in! Upon checking your site, your mobile menu is already appearing below your logo on widths below 980px. Are you wanting to do away with the Mobile menu and have it appear as the desktop menu?

Please clarify – thanks!

[Author]

Posts