Hello,

We added this code to your CSS box for the menu responsivity:

@media (max-width: 1100px) and (min-width: 981px) {
nav .menu>li>a {
    margin-left: -11px;
}
}

For the revolution slider responsivity you don’t need to add custom CSS code, but need to arrange some settings. Usually the slider layers show correctly on every device when you turn OFF the Custom Grid Size button on slider settings, so everything it is customized automatically. But in some cases when you include captions or buttons, you need to arrange the layers manually.

I turned ON the Custom Grid Size button on the slider settings, so you can customize now the layers of your slider according to the different device size (ipad, phone, lap top). See screenshot. You just need to select the slides you want to edit and fix the layers, to look good on any device. see screenshot.

Let us know if you need further help.

Best regards!

Hello,

Can you please be more specific? I checked your site and the header is responsive. See screenshot. What do you want to optimize here?

Let us know.

Best regards!

Hello,

Please add this code into your custom css box:

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

Let us know.

Best regards!