Hello,

That’s because the mobile menu only show’s up when the screen dimension is of the mobile size. That’s smaller than 767px. Ipad has bigger screen dimension so the normal menu is displayed.
I suggest you go to General Options > Header Options > Menu Options > Menu Items padding/margin, decrease the values until the width of your menu fits the header size in ipad landscape layout.
Let us know if you need further help.

Happy Holidays!

Hello,

The “Show Responsive Menu Dropdown” option is to display menu in mobile. Do you want to remove the drop-down menu items from the normal layout (desktop)? In this case the fastest way is to remove them from menu altogether. Go to Appearance > Menus, and edit your main menu.

I don’t see any sub-menus in your site. Are you perhaps referring to the extra side navigation? See screenshot. In this case go to General Options > Layout > Extra Side Navigation, set it OFF.

Let us know.

Best regards!

Hello,

I see the mobile menu displays as it should in ipad portrait mode. In ipad landscape, the normal menu is shown. If you want to align the normal menu, please add this code into your custom css box:

@media (max-width: 1100px) and (min-width: 981px) {
nav .menu > li {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
}

Result screenshot: https://pho.to/AYRHf

Or if you want to have the mobile menu here as well, then add this code instead:

@media (max-width: 1100px) and (min-width: 981px) {
.mobile_small_menu { display: block;}
header#header #navigation { display: none;}
#logo img { padding-left: 64% !important;}
}

Result screenshot: https://pho.to/AYRJ8

Let us know.

Best regards!

Hello,

Please know that i did not change the mobile menu style. It was already set to Side Menu since i checked it. The only changes made are the custom css that i already informed you in my last reply.
You probably didn’t see it since you couldn’t find the menu icon in mobile.

The menu style with black background and menu items in the middle is a desktop style. It is not available for the mobile. You can find the two mobile menu styles in General Options > Header Options > Responsive Menu style (screenshot).
So changing the mobile menu drop-down from Simple to Side Menu does not affect the desktop style at all! You still have the black background menu style in desktop/ipad landscape layout.

-Side menu letters: Please know that this is the menu style by default. If you do not like it and want to change it, then this another thing. I will help you customize it by providing the right custom css code, but you have to know that it is definitely not a mistake.

Please add this code in order to change the characters font size and padding:

@media (max-width: 979px){
.snap-drawer #navigation nav .menu > li > a {
    line-height: 40px !important;
    font-size: 13px !important;
    padding-left: 5% !important;
}}

Edit the values to your wish.

Best regards!

Hello,

Sorry for the late reply.
I added this code into your custom css box:

@media (max-width: 767px){
.header_wrapper {
    background: rgba(0, 0, 0, 0.02) !important;
}
.header_5 .mobile_small_menu {  display: block !important;
}
.mobile_small_menu.open:before { color: white;}
.mobile_small_menu.close:hover { color: rgba(72, 236, 206, 0.98); }
.snap-drawer #navigation nav .menu > li > a {   color: #464444;}
}
@media (max-width: 979px){
.header_5 .mobile_small_menu { display: none;}
 .header_wrapper {
    background: rgba(0, 0, 0, 0.02) !important;
}
.header_5 .header_tools {
    margin-right: 60px;
    padding-top: 5% !important;
}
#logo { top: 17% !important;}
}

To fix the mobile menu displaying. Also i changed the mobile menu font color to gray so it would be visible, since you have the background white.
I see you have added the same logo in both versions, dark and light (screenshot). I suggest you add a dark version so it would be visible in mobile as well.

Please check your site and let us know.

PS: We aren’t in contact with any freelance developers for now. But if we get any information, we will notify you.

Best regards!

Hello,

The mobile icon you are referring to, it’s not a mobile menu. It is the extra navigation menu. You can add widgets to it in Appearance > Widgets.
The mobile menu is not present in the code either, so most probably you did not set it to display.
Please go to General Options > Header Options > Show Responsive Menu Dropdown (screenshot), make sure it it set ON.
Let us know if the issue persists.

Best regards!