Hello,

Please add this code into your custom css box:

@media (max-width: 979px){
.background--dark .mobile_small_menu {color: #DFE22B !important; }
}

Change the color to your wish.

Best regards!

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

Hello,

What are you seeing is the mobile menu (default) and the extra side menu(the menu you are using). To remove the mobile menu and leave only the extra sidebar menu, please add this code into your custom css box:

@media (max-width: 979px){
.mobile_small_menu { display: none;}
}

Best regards!

Hello,

@NohelyMI,
This is strange. Did you made any other change to the code i gave you? Anyway, in the last code i send you, please edit left: -15px !important; value to -210px. Also go to file css/bootstrap-responsive.css and find this line(1382):
#logo{float:right;left:0 !important; right:0 !important; -webkit-transform: none !important;
replace with this:
#logo{float:right;left:0; right:0 !important; -webkit-transform: none !important;
If still no luck, send us your wp credentials in a private reply. So we can do it for you.

@max,
I already added the neccesary code into your custom css box, for the logo change and background. I edited the three bar menu icon, color too, but for it to show the changes you need to go to your css/bootstrap-responsive.css file and find this line(1685):

.background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after, .background--dark .mobile_small_menu{
    color:#222 !important;
  }

Remove the !important from it and save.

Best regards!

Hello,

Please add this code into your custom css box:

@media (max-width: 480px){
#logo { float: left;  left: -15px !important;}
.mobile_small_menu { margin-left: 130px !important;}
footer .inner .widget { margin-left: 60px !important;}
}

This should be the result.

Best regards!

Hello,

1-I see the video is fitting the iPhone 5 screen size(screenshot) So is in iPad(screenshot) What is the issue?

2-Add this code into your custom css box:

@media (max-width: 1190px){
nav { display: none;}
.mobile_small_menu {  display: block;}
#logo { margin-left: 50% !important;}
}

Did you remove the page header title? The code above will make the mobile menu display until the header is wide enough for the menu to fit in, without needing to slip down and overwrite page header title.

Best regards!

Hello,

Please try to add this code into your custom css box:

@media (max-width: 979px){
.html5-video-player {
    width: 32%;
    height: 36%;}
}

If the issue persists, send us your wp credentials in a private reply. So we can give it a closer look.
-Add this code into your custom css box:

@media (max-width: 979px){
nav {  display: none;}
.mobile_small_menu {
    display: block;
    left: 10%;
}
#logo { margin-left: 43%;}
}

Let us know.

Best regards!

Hello,

Sorry but i wrote about fonts in slider, not the mobile menu icon.
When the header width is too small for the menu, either you decrease the menu item’s padding or enable the responsive menu(hamburger menu). It does display correctly now even in iPad landscape(screenshot). Do you want it shown or not?
The latest theme version is 1.3, you have 1.2.7.

1-I added this code into your custom css box:

ul li span.s2 a {
    color: #FF605D !important;
}

Change the color to your wish.

2-Yes, i edited the css in your custom css box. Result.
3-Can you please be more clear on this? I do see the same text in slider, in mobile just as in desktop (screenshot)
Let us know.

Best regards!

This is fixed. Please read here https://support.codeless.co/forums/topic/menu-on-mobile-device/#post-8481

I’m closing this topic as it’s repeated.