Responsiveness does not work for more than 3 columns

[asn360]

For some reason when I add more than 3 columns to a row, the elements do not stack when the screen size is reduced to mobile. I have attached screenshots. Please advise.

TIA

[christian]

Hey TIA,

Please give us the URL of the page in a Secure Note so we could check the structure.

Thanks.

[asn360]

@christian_y I have added the URL into the Secure Note. Please let me know if you need any other information.

[nabeel]

Hi again,

Thank you for providing the URL. It’s happening because of the custom CSS you have added. Please find and remove the following code from your page CSS:

@media (max-width: 767px) {
    .x-column.x-1-4 {
         float:left;
         width: 25%;
    }
 }

Cheers!

[asn360]

Thanks for the help @Nabeel. It’s been a while since I’ve had to work on WordPress, so I should have checked the CCS before coming to you guys!

Thanks again for the help.

[rad]

You’re most welcome!