Hello,

That’s the normal layout of the menu in desktop. In mobile, however, it is needed additional customization to make the sub-menu items toggle under the parent. As you can see in our online demo, this does not happen.

I can’t tell for sure if this wasn’t included as a feature in any of the theme’s updates, but it is not an original feature.

This is customization not included in support, but I will add it to the developer’s to-do list. So we can add it in future updates. (This way you won’t need to redo any change to these files in the future).

Best regards!

Hello,

You can do so using custom css.

@media (max-width: 991px){
.cl-mobile-menu-button span:nth-child(1) {
    background-color: #ffff !important;
}
.extra_tools_wrapper .tool i {
    color: #ffff !important;
}}

Best regards!

Hello,

1-I deactivated the AP Mega menu plugins. It was the culprit for the mobile menu not working in mobile. You can check now. (screenshot)

2-The original image imported as mobile logo is too big and no matter how much the script cuts it off, it’s still too big for the mobile header. So I added this css in your General > Custom Codes > Custom Css box:

@media (max-width: 480px){
.logo_iphone {
    width: 30% !important;
    margin-left: 100px !important;
}}

Result screenshot.
You can change the values to your wish and save it again.

-Can you please be more specific on this: “the first Row is not showing up“? I see the slider does show up in mobile (as seen in the last screenshot as well).

Let us know.

PS: You can open as many tickets as you want during the supported time. We’ll try our best to help you.

Best regards!

Hello,
Add this css too, inside the @media (max-width: 480px){ block:

#logo {
    max-width: 60% !important;
}
.header_11 #logo {
    margin-right: 6 !important;
}
.mobile_small_menu {
    margin-left: -20px !important;
}

Result: https://ibb.co/WPTSK0n

Best regards!