Archived topic
Front page footers
5 replies · Started by guevara on June 5, 2020
Hello please I need to make all 3 footers fit into One row on an iPad. It’s okay on a computer/laptop (1 row with 3 footer widgets), okay on a mobile (0ne row) but shows up as 2 rows on an iPad with 2 widgets on 1 row and 1 widget on second row. I would appreciate if it could be 3 widgets per row thanks.
Hi there,
Try this CSS:
@media (max-width: 1024px) and (min-width: 768px) {
.footer-widgets .tablet-grid-50 {
width: 33%;
}
.inside-footer-widgets>div:nth-child(odd) {
clear: none;
}
}I applied the CSS and it Works perfectly when viewed horizontally on an iPad but when viewed diagonally it’s not right. Can anything be done about the diagonal viewing imperfections?
You'd need to adjust the breakpoint above:
@media (max-width: 1024px) and (min-width: 768px) {
It's difficult as tablets all have different widths.
Thanks a million
No problem :)
