Skip to content

Instantly share code, notes, and snippets.

@askwpgirl
Created February 1, 2025 18:09
Show Gist options
  • Save askwpgirl/b6658d29f377b41e600cf737359c4274 to your computer and use it in GitHub Desktop.
Save askwpgirl/b6658d29f377b41e600cf737359c4274 to your computer and use it in GitHub Desktop.
Fix Elementor Mobile Display on Post Widget with Left Positioned Image
/* Text content disappears on post widgets that have a left-aligned image,
unless the image ratio is adjusted to be very tiny on mobile.
To stack the image instead, use this CSS in the Customizer. */
@media(max-width: 767px) {
.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
left: auto !important;
position: relative !important;
top: auto !important;
transform: none !important;
}
.elementor-posts--thumbnail-left .elementor-post,
.elementor-posts--thumbnail-right .elementor-post {
flex-direction: column;
}
.elementor-posts-container .elementor-post__thumbnail {
padding-bottom: 10px !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment