Created
February 1, 2025 18:09
-
-
Save askwpgirl/b6658d29f377b41e600cf737359c4274 to your computer and use it in GitHub Desktop.
Fix Elementor Mobile Display on Post Widget with Left Positioned Image
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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