You’re going to want to use: @media (max-width: 988px){ .wp-caption { /* Force the box to be 100% */ width: 100% !important; } #content .wp-caption a img { /* Scale down if too big */ max-width: 99.03225806%; /* 614/620 */ height: auto; } }
In very layman term wp_is_mobile() is not for styling your theme. How it works: It matches some of device’s native name in User Agent String. So if someone manipulate the string and send false information you can not detect what device it is. And it does not return any device name it just return true … Read more
Here are few things you could try to remove the responsive image support in 4.4: /** * Disable responsive image support (test!) */ // Clean the up the image from wp_get_attachment_image() add_filter( ‘wp_get_attachment_image_attributes’, function( $attr ) { if( isset( $attr[‘sizes’] ) ) unset( $attr[‘sizes’] ); if( isset( $attr[‘srcset’] ) ) unset( $attr[‘srcset’] ); return $attr; … Read more
Since you’ve mentioned that you’re using Siteorigin’s page builder, I’ve decided to do a short video of how I would arrange the elements on the builder to achieve the results you’re after. here’s my screencast: http://somup.com/cFit60VLyy Now there are few flaws with siteorigin’s pagebuilder – there is no inbuilt column equalizer for rows unlike other … Read more