Site logo

Archived topic

Excerpt before featured image on mobile

10 replies · Started by Oscar on July 9, 2020

Viewing posts 1–11 of 11

Hello. Please, how can I get to see the excerpt before the featured image on mobile devices?

I mean this:

Tittle of the post >
excerpt>
featured image,

but just on mobile, not desktop.

Thanks in advance!

Hi there,

can you provide a link to your site so i can see what CSS is required.
You can edit your original topic and use the Site URL field to share the link privately.

Done. I edited the original post with site url. Thanks!

This CSS will move the featured image after the post excerpt:

@media(max-width: 768px) {
    body:not(.single) .inside-article {
        display: flex;
        flex-direction: column;
    }
    body:not(.single) .inside-article .post-image {
        order: 10;
    }
    body:not(.single) .inside-article .entry-meta {
        order: 20;
    }
}

But it cannot be easily moved before the read more button....

I made changes,but not working :(

Can you try clearing your browser cache.

Would it be easier to change it for all kind of devices, mobile and desktop too?

I have tested your site on 3 devices - across all browsers and its working for me.

To apply it to all devices just remove the media query so the CSS looks like this:

body:not(.single) .inside-article {
    display: flex;
    flex-direction: column;
}

body:not(.single) .inside-article .post-image {
    order: 10;
}

body:not(.single) .inside-article .entry-meta {
    order: 20;
}

Now working. Thanks! Great support

Glad to hear that

This archived topic is closed to new replies.