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!

Hello,

You can access that file via a ftp account. Follow this path: wp-content\themes\tower\includes\core\codeless_routing.php

To move away the logo from mobile menu icon, add this code into your custom css box:

@media (max-width: 979px){
#logo img {
    padding-left: 20px !important;
}}

Edit the values to your wish.

Best regards!