StudioPress Community Forums - Responsive Widgets

StudioPress Community Forums (http://www.studiopress.com/support/index.php)

- General Discussion (http://www.studiopress.com/support/forumdisplay.php?f=7)

- - Responsive Widgets (http://www.studiopress.com/support/showthread.php?t=119231)

Doak Heggeness

09-29-2012 07:31 PM

Responsive Widgets

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

09-30-2012 08:10 AM

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

Code:

#home-featured .featured .widget {

  height: 300px;

  width: 50%;

}

Doak Heggeness

09-30-2012 09:47 AM

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

09-30-2012 10:37 PM

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.

All times are GMT -5. The time now is 05:35 PM.