Hello,

Please add this code into your custom css box:

@media (max-width:480px){
#content {  width: 268px !important;}
#logo { left: -37px !important;}
.mobile_small_menu { left: 6px !important;}
}
@media (max-width: 767px){
#copyright .desc {
    width: 97% !important;
    margin-left: 3px;
}}
@media (max-width: 979px) and (min-width: 768px){
.mobile_small_menu { top: 50%;}
#content { width: 646px !important;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .header_7.header_wrapper .container { width: 647px !important;}
.wpb_text_column.wpb_content_element { margin-left: 12px;}
}

Result: iPhone5, iPad.

Best regards!

Hello,

Please edit the above code to this:

@media (min-width: 979px) and (max-width: 1150px){
.mobile_small_menu { display: block !important;}
#navigation { display: none;}
#logo {padding-left: 32% !important;}
}

Best regards!

Hello,

Please add this code into your custom css box:

@media (min-width: 979px) and (max-width: 1150px){
.mobile_small_menu { display: block;}
#navigation { display: none;}
}

Best regards!

Hello,

For some reasons, some hosts do not save the default menu. Your host too does not save the main meu when assigned from Appearances > Menus. In this case, you have to manually add it. That is why i edited file header.php.
I replaced this line:
$args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu');
With this:
$args = array("theme_location" => "main", "container" => false, "fallback_cb" => 'codeless_default_menu', "menu"=> "Menu 1");
It is set now in destop mode, but for the responsive mode you should make this edit in file includes/view/menu-small.php
Find this line:

if($cl_redata['header_style'] != 'header_11'):
  $args = array("theme_location" => "main", "menu_id" => 'mobile-menu', "container" => false, 'walker'  => new custom_walker_menu_small());      
wp_nav_menu($args); 
else:
  $args = array("theme_location" => "left", "menu_id" => 'mobile-menu', "container" => false, 'walker'  => new custom_walker_menu_small()); 
  wp_nav_menu($args); 
  $args = array("theme_location" => "right", "menu_id" => 'mobile-menu', "container" => false,  'walker'  => new custom_walker_menu_small()); 
  wp_nav_menu($args);  
endif;

replace with this:

if($cl_redata['header_style'] != 'header_11'):
  $args = array("theme_location" => "main", "menu_id" => 'mobile-menu', "container" => false, 'walker'  => new custom_walker_menu_small(), "menu"=> "Menu 1");      wp_nav_menu($args); 
else:
  $args = array("theme_location" => "left", "menu_id" => 'mobile-menu', "container" => false, 'walker'  => new custom_walker_menu_small(), "menu"=> "Menu 1"); 
  wp_nav_menu($args); 
  $args = array("theme_location" => "right", "menu_id" => 'mobile-menu', "container" => false,  'walker'  => new custom_walker_menu_small(), "menu"=> "Menu 1"); 
  wp_nav_menu($args);  
endif; 

Note: “Menu 1” is the name of the menu you have created. In case you want to use another menu, just replace “Menu 1” with the name of you new menu.

Best regards!

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,