Hello,

Yes, please add this code to your custom css box:

@media (max-width: 1100px){
header#header #navigation { display: none !important;}
.mobile_small_menu { display: block !important;}
#logo {padding-left:40% !important}
}

Result screenshot: https://postimg.org/image/r36xlgv8b/

Best regards!

Hello,

Yes, add this code into your custom css box to make the current active sub-menu item font color white:

nav li.current-menu-item > a {
    color: white !important;
}

Keep in mind that the drop-down menu font is styled in General Options > Header Options > Dropdown Options & Mobile Menu.
Let us know.

Best regards!

Hello,

1-You must have left out some css classes that may ‘cover’ the menu icon (have a greater z-index). if you send us your site’s url, we can give it a closer look and help you with the right css.

2-You can achieve this using custom css. Please refer to this topic regarding this: https://support.codeless.co/?topic=mobile-logo-menu-color-change

3-Uber menu is a third party plugin not tested from us. We can not guarantee it’s compatibility with theme. Sorry but third party plugins are not supported.

*Please consider renewing your support to receive further help from us.

Best regards!

Hello,

You can style the mobile menu drop-down in Specular > Header Options > Dropdown Options & Mobile Menu.
Let us know.

Best regards!

Hello,

Can you please be more specific? As written in my last reply, there are two choices:
-remove responsiveness of site, and therefore normal menu will display in mobile as well;
-Keep site responsive but hide mobile hamburger menu and show up normal menu;
If you are referring to the second method, i can give you the basic code. But as stated before, there is additional styling to do and that is not included in support.
Please add this code to show normal menu in mobile and hide the default hamburger menu:

@media (max-width: 991px){
 .cl-mobile-menu-button {
    display: none;
}
  .cl-mobile-menu {
    display: block;
  }
  .cl-mobile-menu nav > ul > li {
    padding-top: 4px;
    width: 15% !important;
    float: left;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}}

The result for ipad: https://postimg.org/image/28y3tqf6ej/

Best regards!

Hello,

You can do that. But only if you remove the responsive mode from the site. So it won’t change to mobile menu style when the screen is small. If you keep the responsiveness of the site and want to just change the menu from mobile to normal in responsive mode, then there is a lot of styling you need to add for the menu to show properly like in the desktop version.
This is a customization not included in support so i suggest you do it yourself or hire a developer to help you.

Best regards!

Hello,

Sorry for the late reply.
There is this option in General Options > Header options > Show header tools in responsive (Mobile), that allows you to switch on/off the option to show or hide the menu in mobile. You had it off already that is why the mobile menu was not showing.
I changed it already. I also added this css:

@media (max-width: 480px){
#logo { left: 43px !important;}
#logo img { 
    height: 35px !important;    
    margin-top: -14px !important;}
}

..into your custom css to style the logo size in mobile. Result: https://postimg.org/image/7tlndb1haj/
Please check your site.

Best regards!

• This reply was modified 7 years, 8 months ago by Mirela.

Hello,

I checked it on desktop and mobile and it look pretty fine, the header is sticky, the slider is behind the menu and the nav and socials colors are OK. Can you be more clear whats’ the issue? In what device are you checking?

Best regards!