Home Forums Lorina Pro Footer sections displaying differently on PC vs cell phone Reply To: Footer sections displaying differently on PC vs cell phone

#11859
Andy
Keymaster

With 3 columns on larger screens, the footer sections will display in 2 columns on smaller screens such as tablets, and then 1 column on phones as they don’t have the same width so will look really squished if still in 3 columns and if each column has a lot of content.

If you want to change this, add this Additional CSS to make the mobile display keep the same layout as larger screens:

.footer-112 .footer {
    width: 22% !important;
}

.footer-112 .footer:nth-child(3) {
    width: 47% !important;
    clear: none !important;
}