Hello,

This is because the header width in ipad, exceeds the screen width. To avoid this, just reduce the padding/margin between menu items. I added this css in General Options > Custom Css box for it:

@media (max-width: 979px){
nav .menu > li {
    margin-right: -10px;
    margin-left: -10px;
}
    nav .menu > li > a{
        font-size: 12px;
    }
}

The menu in mobile was not showing because it was not set on. I set it on in General Options > Header Options > Show Responsive Menu Dropdown.

Please check your site.
Best regards!

Hello,

I checked the site in chrome mobile simulator and actual devices. The menu showed up perfectly. I can see a little delay in loading all page’s elements. Perhaps this is what causes the menu items to seem like not showing up. I suggest you try optimizing site’s performance. Here you can find some tips:
https://codeless.co/how-i-increased-more-than-70-the-speed-of-my-website/

As for the footer, you have a fixed footer that when you are at the top of the site, it is originally under the content, but invisible doe to the content. When the site is loading, the footer is loaded and positioned before the main container content. That’s why it’s visible for a split second.

Best regards!

Hello,

Sorry but can you please rephrase your request? I don’t really understand what is wrong and what you want to change.
I checked site from the Customizer and there isn’t any mobile menu showing. Or did you manage to fix what you asked for?

Let us know.
Best regards!

Hello,

You can customize it using css. Add this code into your Custom Css box:

@media (max-width: 991px){
.cl-mobile-menu-button {
    width: 45px;
    margin-right: 70px;
}}

Change values to your wish.
Best regards!

Hello,

Then add margin-top to .mobile_small_menu. Change the value until you are satisfied with the result.
Please keep in mind that personal customizations are not included in support.

Best regards!

Hello,

I can’t access the admin panel, too many redirects. But try this up first: add a “Tools” element in the header (beside logo). Uncheck all tools elements if you do not want to show them.

Let me know if you can see the mobile menu after this.
Best regards!

Hello,

This happened because of the big logo size. Add this code into your Custom Css box in General menu:

@media (max-width: 480px){
#logo {
    left: 62px !important;
}
.mobile_small_menu {
    margin-left: -52px !important;
}}

Result: https://ibb.co/jRXSb3T

Best regards!