Moves image to top of 'classic' layout (on mobile) when using Elementor post widget

Status: Public

Last updated: 30/09/2022

 
                
1@media (max-width: 767px) {
2    .elementor-posts .elementor-post {
3        display: block !important;
4    }
5 
6    .elementor-post__thumbnail__link {
7        margin-bottom: 20px;
8    }
9}

Snippet Actions:

0

Description:

If you are using the classic layout for Elementor post widget with the image set to left or right, you cannot change the position of the image on mobile. If you have an lengthy excerpt or title it looks awful on mobile! This CSS snippet moves the image to the top of the layout making it look waaay better on mobile!

Snippet Details:

Current status

Public

This snippet has passed basic review, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.

Language

CSS

Codevault
Digital Tom
Category

Elementor

Rating
Voted: 0 by 0 user(s)
Wordpress Compatability
Not Specified
Set-up instructions

Just add CSS to 'Custom CSS' in the 'Advanced' tab of the widget or you can add it to the section/column/page Custom CSS or even your theme's Custom CSS!

Further Information

The author has provided the following URL that may be helpful to setting up or using this snippet:

Author Profile URL:
Snippet Source:

Related Snippets: