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!

Hello,

1-menu’s background color:
You can change the background color and font color in Specular > Header Options > Dropdown Options & Mobile Menu > Dropdown Background Color / Dropdown typography.

2-Link color:

.menu-small ul.menu > li > a {
    color: #fff !important;
}

3-Link hover color:

.menu-small ul.menu > li > a:hover {
    color: #fff !important;
}

4-Visited link color:

.menu-small ul.menu > li > a:visited {
    color: #fff !important;
}

Change the color to your wish.

Best regards!