Hello,

@professionalmojo,
Did you enable menu dropdown for mobile in Header Options > Show Responsive Menu Dropdown? Send us your wp credentials in a private reply. We can fix this for you.

@lucaleandro,
Please keep up with your own topics. Do not spam other tickets as it makes it difficult for us, yourself and other forum members, to understand the issue and it’s solution.

Best regards!

Hello,

Please add this code into your custom css box, for the logo in mobile:

@media (max-width: 979px){
.mobile_small_menu { left: -47px !important;}
#logo img.dark { left: -84px;}
}

Add this code for the scrolling horizontally:

@media (max-width: 979px){
.tp-caption { font-size: 30px !important;}
}

Let us know.

Best regards!

Hello,

@lucaleandro,
The suggested above, is the another site. Your site has different logo, with different dimensions. I believe i have already responded you regarding the logo in responsive.. Please open your own ticket, so we can keep up with the code and the changes needed to be made after it.
However, this code should fix your issue. Add it into your custom css box:

@media (max-width: 480px){
.mobile_small_menu { left: -50px;}
#logo img {
    height: 70px;
    top: 65px;
    left: -206px;
}}

Result.

Best regards!

Hello,

Sorry for th elate reply.
Please keep in mind that we respond to topics according to their arrival time. The oldest first. So keeping replying to your own topic often will only delay our respond time.

1-Your site is not identical to the demo because it has other data in it. Starting from the logo which is in different dimensions from the demo.
The code added to your custom css box, was shaping the responsive layout of the site. It does not affect other configurations whatsoever.
A newly installed plugin can affect the site, or an updated plugin..etc.

2-As for the menu in this view, this happens when the menu width exceeds the header width (some points while re-sizing the window) This is resolved by changing the css for that specific screen width. However you should know that the responsive code covers the predefined screen-width of mobiles/tablets (read more here). These resolutions are fixed and the same for all devices.

3-We are sorry that this topic from a month ago is still open, but removing the code we give you, won’t help moving forward with it. We test the code we give you, so the other changes you have been experiencing are not related to this.

4-Please add these lines into your custom css box, for the layout of width 800px and 850px:

@media (max-width: 979px) and (min-width: 768px){
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .header_7.header_wrapper .container { width: 667px !important;}
.services_small.wpb_content_element.align_left {  margin-left: -44px !important;}
}
@media (min-width: 768px){
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .header_7.header_wrapper .container { width: 697px !important;}
.vc_col-sm-4 {  width: 30% !important;}
}
@media (min-width: 980px){
nav .menu > li > a {
    margin-left: -5px !important;
    margin-right: -5px !important;
}}

Let us know.

Best regards!

Hello,

Please add this code into your custom css box:

@media (max-width: 480px){
#logo { left: -156px !important;}
.header_tools { left: 38px !important;}
#logo img.dark {
    max-height: 118px;
    margin-top: -65px;
}
.mobile_small_menu { left: 30px !important;}
}

Result.
Let us know.

Best regards!