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,

Please send me your wp credentials in a private reply. So we can fix it for you.

Best regards!

Hello,

Sorry for the late reply.
-There are some css files that do not let this code take effect. Please go to file css/bootstrap-responsive.css and find these lines(1347):

#logo{float:right;left:0 !important; right:0 !important; -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
  }

edit to this:

#logo{float:right;left:0; right:0 !important; -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
  }

-Then in the same file find this code(1383):

.clients .item{
    width:250px !important;
  }

Edit to this:

.clients .item{
    width:250px;
  }

I made some minor changes to the css code in your custom css box, too. With these it should be ok.
Let us know.

Best regards!

Hello,

As i wrote you above, i only edited a little the css code in your custom css box. That does not affect other configurations. The other suggested edits in bootstrap-responsive.css also do not affect the site.
Undo the changes to bootstrap-responsive file(or just overwrite it with a new copy).
Send us your ftp credentials as well, so we can give it a look.

Best regards!

Hello,

I fixed it.
I added this code into your custom css box:

.top_wrapper {  width: 100% !important;}
@media (max-width: 480px){
.wpb_revslider_element.wpb_content_element {
    padding-left: 0 !important;}
}
@media (min-width: 768px){
.wpb_revslider_element.wpb_content_element {
    padding-left: 0 !important;}
}

I double checked the responsive too. It is ok too.

Best regards!

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

Hello,

You have set it as a normal element, that is why the slider is taking the alignment of normal elements in boxed layout. Increase sliders width or consider adding slider from Page’s General Options > Slider. I have set up a test page. As you can see, the slider is at it’s place here.

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,

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

@media (max-width: 480px){
#logo { float: none !important;}
}

2-I added this code:

@media (min-width: 768px){
    .vc_col-sm-12 { padding-left: 30px !important;
    padding-right: 30px !important;}
    .vc_col-sm-6 { padding-left: 30px !important;
    padding-right: 30px !important;}
    .vc_col-sm-4 { width: 33% !important;}
}

Result. Please check your site.

Best regards!