[rfmeier]

Hello,

From a quick element inspect I noticed the caption box surrounding the images has an inline style width, e.g. style="width: 435px;".  This is preventing the images from scaling.  From within Chrome I was able to remove the inline style and the image within the caption box scaled properly.

Hope this helps.

---

Ryan Meier – Twitter

[rfmeier]

Hello,

You can achieve this by using the WordPress 'pre_get_posts' action and modifying the main query.

pre_get_posts http://codex.wordpress.org/Plugin_API/Action_Reference/pre_get_posts

query object: http://codex.wordpress.org/Template_Tags/get_posts

<!--?php <br ?-->
add_action( 'pre_get_posts', 'display_random_posts' );
function display_random_posts( $query ){

 // check for main query and home page
 if ( $query->is_home() && $query->is_main_query() ) {

 // set the order to random
 $query->set( 'orderby', 'rand' );

 }

}

?>

Here is the Gist https://gist.github.com/rfmeier/5695123

Hope this helps.  Let me know how it turns out.

---

Ryan Meier – Twitter

[rfmeier]

MM,

Is this still an issue?  I cannot seem to replicate.  Looks good on iPhone and browser re-sizing.

---

Ryan Meier – Twitter

[rfmeier]

Hello,

Here is a start;

` @media only screen and (max-width: 1200px){
#header{
background-size: contain !important;
}
`

This causing the image to scale with the widget of the #header element.  Removing this rule will prevent the background image from scaling.

You may want to try having the #header background image repeat on the y-axis since the #title-area and .widget-area are stacked on each other.

I did notice the .widget-area element has a float:left styling, but is being overrode by a width of 100%, preventing the two from displaying inline.

Hope this helps.

Ryan Meier @rfmeier

---

Ryan Meier – Twitter

[Author]

Posts