Archived topic
Excerpt before featured image on mobile
10 replies · Started by Oscar on July 9, 2020
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.
Cleared caché and not working, I probed in different devices and browsers, even in http://www.responsinator.com/
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