Archived topic
Issue with footer widgets
3 replies · Started by Ryan on February 21, 2018
If you check my site https://www.ryansmithphotography.com, the footer widgets should collapse to a single columns at mobile breakpoint 767px, but they collapse at 768px. This means on a standard iPad in portrait the widgets are in a single column instead of two columns and it doesn't look good. Everything else except the footer works properly at tablet and mobile breakpoints with the unsemantic grid. I can't figure out why, thanks.
Hi Ryan,
Give this CSS a try:
@media (width: 768px) {
.inside-footer-widgets>div {
width: 50%;
float: left;
}
}Thanks that worked. I've noticed a bit of inconsistency with the breakpoints. For example the menu collapses to mobile layout at 768px as well as footer widgets but the columns collapse at 767px. Maybe this is intentional but I think it would be better if it was consistent and tablet at 768px was separated from mobile at 767px throughout the css.
I agree - we'll be doing an overview of all the mobile/grid CSS soon.
