Hello,

The ftp credentials are the login data you use to access your files directly. This is needed because we need to edit the js/main.js file for the mobile menu. And this file is not accessible from wordpress dashboard.
You had an error in your custom css box, that is why the code i gave you was not working. You had added this line:

// Disable the WordPress Admin Bar for all but admins.
if (!current_user_can('administrator')):  show_admin_bar(false);endif;

which is wrong. First, the comment in custom css box is not by double slash //but like this /* comment text */ and second you had added a php code into it. This section is for css code only. Every other, will generate an error.
I edited that and added this other code:
p a:hover { color: #413A64 !important;}
Please check your site, it’s ok now.

Best regards!

Hello,

Sorry for the late reply.
Please add this code into your custom css box, to change the links color:

p a { color: #989898 !important;}
a:hover { color: #413A64;}

Send us your ftp so we can do the necessary changes for sub-menu items display in mobile.

Best regards!

Hello,

Sorry for the late reply.
Please add this code into your custom css box:

@media (max-width: 480px){
  #logo {left: -90px !important;}
  .mobile_small_menu { left: 35px;}
  #cookie-law-info-bar { width: 75%;}
.clients .item { width: 200px !important;}
}

Result.

@media (min-width: 768px){
.vc_col-sm-4 { width: 30%;}
.vc_col-sm-12 {
    width: 93%;
    left: 23px;
}
.vc_col-sm-6 {
    width: 45%;
    left: 24px;
}
.clients .item a img {width: 73% !important;}
.vc_responsive .full-width-content.wpb_row .vc_col-sm-12 {padding-right: 40px;}
.header_tools .extra_navigation_button { padding-right: 38px;}
}

Result.
Let us know.

Best regards!

Hello,

Here is all the custom code @media you gave me until now. Please explain to me what each line is doing so that I can work on this on my own.

@media (max-width: 480px){

.background–dark #logo img.dark {  left: -100px !important;}

.header_transparency header#header {background: rgba(0, 0, 0, 0.01) !important;}

#logo img.dark {

content: url(“https://www.max-amous.com/wp-content/uploads/2015/10/max-logo1.png”);

}

}

@media (max-width: 979px) and (min-width: 768px){

/*.header_wrapper { background: rgba(255, 255, 255, 0.01) !important;}*/

/*.background–dark .mobile_small_menu {color: #F9F7F7 !important;}*/

.header_1 .header_wrapper, .header_4 .header_wrapper {background: rgba(255, 255, 255, 0.01) !important;}

.snap-drawer #navigation nav .menu > li > a {left: -111px !important;}

}

@media (max-width: 767px){

.header_transparency header#header { top: 35px;}

}

regards,

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 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!