Docs

[knowmates]

Hi there,

we’ve noticed some responsive problems on our website. The logo and the menu icon for mobile devices are in two lines. Also a button from the rev slider is too big and didn’t get responsive. Can you assist please?

Many thanks!

[knowmates]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .x-brand.img img {
        max-width: 200px
    }
    #slide-4-layer-23 {
        font-size: 18px !important;
        padding: 5px 8px !important;
    }
}
@media (max-width: 320px){
    .x-brand.img img {
        max-width: 180px
    }
}

Hope it helps 🙂

[knowmates]

Hi there,

it helped not. I also don’t understand why the button isn’t responsive. On other WP sites with x theme we made there aren’t such problems. Could you check and explain this please?

[Nabeel A]

Hi again,

I tested the provided code and it is working fine. Instead of Customizer, please add it in your Child Theme’s style.css file:

@media (max-width: 480px){
    .x-brand.img img {
        max-width: 200px;
    }
    #slide-4-layer-23 {
        font-size: 18px !important;
        padding: 5px 8px !important;
    }
}
@media (max-width: 320px){
    .x-brand.img img {
        max-width: 180px;
    }
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[knowmates]

This reply has been marked as private.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Author]

Posts