Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Center-align featured image on mobile devices only

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: resolved

Tagged: alignment, featured image, mobile devices

This topic has 2 replies, 2 voices, and was last updated 2 years, 2 months ago by flyinjam.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
December 30, 2020 at 10:31 am #502444

flyinjam
Participant

Hi!

On my blog posts page/content archives I have the featured Image set to Left align which works perfectly on desktop and on some mobile devices which shows the featured images at the top and the content below. However, on some mobile screens, if the first word in the content is 3 letters or less, it creeps over to the right of the image making it look bad (please see pic). I don't appear to see an option for centering featured images on mobile devices only so all of the content will be underneath each featured image on mobile. Is this possible? If not, is there another way to do this? Thanks!

https://www.vinylchapters.com/category/review/

January 1, 2021 at 6:41 am #502456
andytc
Participant
Try adding this to your Custom CSS -
```
@media only screen and (max-width: 640px) {

.post-image.entry-image {width:100%;}
}

}
```
January 6, 2021 at 6:43 am #502506

flyinjam
Participant

That seems to have worked perfectly! Thanks for your help and happy new year.
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘General Discussion’ is closed to new topics and replies.