Mobile version missalignments

[antonstepine]

Dear Team,
I am building this page here: https://blancmagazine.com/consultancy/ and although everything aligns perfectly on desktop, rows overlap on the mobile version and and are not displayed completely. See screeshot: https://www.dropbox.com/s/w1uik65s402k8dd/Screenshot%202017-10-27%2010.09.36.png?dl=0

Also, on the mobile version, the client section rows are not centred, although I have them set to align:center. See here: https://www.dropbox.com/s/1pb9fnnstgfl0es/Screenshot%202017-10-27%2010.30.34.png?dl=0
Would you know what triggers this behaviour and how this can be fixed?

Thanks a lot!

Anton

[thai]

Hi There,

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

@media (max-width: 767px){
    .x-column.x-sm {
        width: 100% !important;
    }
}

[antonstepine]

Hi Thai,
thank you for your reply.

The code has fixed the alignmen in the client section but the rows in the Our services are still over lapping one an other. Would you know how to solve this as well? See the problem here: https://www.dropbox.com/s/w1uik65s402k8dd/Screenshot%202017-10-27%2010.09.36.png?dl=0

Thanks a lot!

A

[paul.r]

Hi,

To fix it, you can add this in Custom CSS

@media (max-width: 767px){
.equal-height {
    height: auto !important;
}
}

Hope that helps

[antonstepine]

Thanks for the support Paul!

[nabeel]

Glad we could help.

Cheers!