search

tomusborne / wp-show-posts

Other
14 stars 11 forks source link

Image alignment for mobile devices #30

Open emos321 opened 3 years ago

emos321 commented 3 years ago

Hello

If we set image "Image size" to eg thumbnail-150x150 and "Image alignment" to left, the desktop view is correct.

.wp-show-posts-image.wpsp-image-left {
     float: left;
     margin-right: 1.5em;
}

If we change the view to mobile image changes float to none.

.wp-show-posts-image.wpsp-image-left, .wp-show-posts-image.wpsp-image-right {
     float: none;
     margin-right: 0;
     margin-left: 0;
}

An example in the right sidebar at https://gpsites.co/dispatch/