Blog thumbnails with text preview

Hello geekmusic,

Add below css code into your current active child theme’s style.css file or you can add it additional css option into theme customizer.


@media (max-width:480px){
.site-main a.post-thumbnail {
float: none;
}
.site-main a.post-thumbnail img {
width: 100%;
}
}


Hope this will helps you.

Thanks !

This is exactly what I need, awesome ?? Thanks!

@media means when the site is loaded onto a phone?

Hello geekmusic,

Happy to hear that solution is worked for you.

The @media rule is used to define different style rules for different media types/devices. In CSS2 this was called media types, while in CSS3 it is called media queries. Media queries look at the capability of the device, and can be used to check many things, such as: width and height of the viewport.

You can review more details from this url.

Thank you for your help and for the explanation ??