Responsive Widgets

[Doak Heggeness]

Can anyone explain why the Featured widgets do not float properly when using the
Mobile Responsive Design Testing page. For 768px and 480px the third Feature widget does drop down but is floating right instead of left.

Here is the link.



Thanks

[dreamwhisper]

Your first widget is actually blocking the left float. You can set a height to prevent this.

#home-featured .featured .widget {
  height: 300px;
  width: 50%;
}

[Doak Heggeness]

Wow, that worked. It never occurred to me I had to set a height. It makes sense now if you think why the widget would no drop down as it should. I actually set the height in the he base 'CSS' in lieu of the media query. Is that what you would do?

The Education theme has the same layout, but does not set any height. Do you know why?

Thanks

[dreamwhisper]

Your first post had more lines than the second, so the height was off. Setting the height in the base CSS is fine. Most themes would behave the same in the same similar situation.