Hello,

To adjust the logo and small mobile menu, add this code to your custom CSS box:

@media (max-width: 480px) {
#logo img {
    height: 46px;
    left: 39px;
}
a.mobile_small_menu.open {
    margin-left: -4px;
}
}

Let us know.

Best regards!

Hello,

I see that the Contact menu item doesn’t have a submenu and it doesn’t show like it has, even in mobile version. Sorry, but i don’t understand what is the problem with the green line when you hover the menu item, even “contact” item. Please see these screeshots menu on mobile view and contact item menu .
Did you already remove the submenu? Also, i don’t see this code

@media only screen and (min-width: 990px) {
.only-mo { display: none !important; }}

on your CSS box.
Have you manage to fix it by removing this code?
Can you send us a screenshot of the way you want the menu to be shown?
Let us know.

Best regards!

Hello,

Did you manage to fix the issue?
The mobile menu is displayed correctly see this screenshot.
Let us know.

Best regards!

Hello,

The menu items have not disappeared, they are there. But they are not visible because their text color and the megamenu background color are the same. Please see this screenshot where i’ve changed the background color and they appear correctly. If you want to change the background color of megamenu on mobile, you can add this code to your custom CSS box:

.menu-small ul#mobile-menu {
    background-color: #5f5f5f;
}

and change the color to your wish.
To change the extra navigation background color, add this code to the custom CSS box:

.open_extra_nav .extra_navigation {
    background-color: #efefef;
}

and change the color as you wish.
Let us know.

Best regards!

Hello,

Sorry can you please explain better? I don’t understand what do you want to do. I don’t see any sub-menu in “Contact” in neither mobile or desktop.
Did you add the custom css class? Where did you add it? What is not functioning?

Best regards!

Hello,

This is not really an issue. This is how the mobile menu is designed. The sub-menus are set to show up all the time but the hierarchy is displayed by setting them under the parent item, with some padding. If you want to increase the padding in order to make the hierarchy more visible, i suggest you add this code into your custom css box:

.menu-small ul.menu > li > ul > li > a {
    padding-left: 20% !important;
}

To change the font size and color, please add this code:

.menu-small ul li a {
    color: rgba(0, 0, 0, 0.58) !important;
    font-size: 13px !important;
}

Result screenshot. Edit values to your wish.

Best regards!