Logo overlapps on mobile menu

36grad · May 2016

Hello, the logo size on the mobile device is good, but when i open the menu it overlaps the first menu item "home". How can i change the spacing between the logo and the first menu item?

Albert · May 2016

Hi,

any link to page where this happens?

36grad · May 2016

i followed this path to make the logo bigger on desktop:

http://forum.muffingroup.com/betheme/discussion/3450/a-logo-question-logo-overlay-slider

Does it effect the mobile view?

Albert · May 2016

We don't know until we won't get your site link.

36grad · May 2016

.

Albert · May 2016

Ok, thanks. So to move the mobile menu down, you need to use the following css:

@media only screen and (max-width: 767px) {
    #Top_bar .menu_wrapper { margin-bottom: 50px !important; }
}

36grad · May 2016

.

Albert · May 2016

Yes, we know what you mean but we noticed that made the mistake in above css and that's why it does not work as should. So instead of the css we gave you above, please use the following one:

@media only screen and (max-width: 767px) {
    #Top_bar #menu { margin-top: 50px !important; }
}

Logo overlapps on mobile menu

Comments