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!

Hello,

This has become a very long post, so i will try to filter out the points we need to look on now:
1-The slider images in mobile:
I added this css into theme’s General Options > Custom Css box:

@media (max-width: 979px){
.header_wrapper {
    background: rgba(255,255,255,0.45) !important;
}
.codeless_slider_swiper.parallax_slider {
    height: 470px !important;
    min-height: 470px !important;
}
.swiper-slide.swiper-slide-active {
    background-size: cover !important;
}
}

This is the result: https://ibb.co/mXG8Zh0

Here is where you have to add all custom css. It’s safe and will not get lost or overwritten by any theme updates in the future.
The Apperance > Custom Css menu is a WordPress framework option. We recommend you use theme’s option for adding custom css.

2-I understand now the restricted possibilities for editing theme files, since you are in wordpress.com not wordpress.org. To edit the slider speed, please go to file includes/codeless-slider/codeless_slider.php and find line (38):
$speed = 800;
Edit value to 5000. Save changes.

Let us know.

Best regards!

Hello,

1-This is a browser issue. Make sure the browser you are using doe snot have any add-ons installed. I tested this in various mobile cel and different browsers and the menu had no issue opening.

2-Sorry but you can either activate or not the lightbox on hover. It’s not possible removing it only for mobile.

A workaround would be deactivating onhover effect in mobile. If you want this, then just add this css into your Custom Css box:

@media(max-width: 480px){
.entry-overlay.dark-text.entry-overlay-zoom_color {
    pointer-events: none;
}}

Best regards!

Hello,

The background color of menu items is defined in Customizing ▸ Header ▸ Menu Style.

You can upload images and share the link with us from here: https://imgbb.com/

To change the background color only for mobile, add this custom css:

.cl-mobile-menu {
    background-color: #00aeef !important;
}

Best regards!