[Resolved] Excerpt before featured image on mobile

Home Forums Support Excerpt before featured image on mobile

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1357528
    Oscar

    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!

    #1357640
    David
    Staff
    Customer Support

    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.

    #1357752
    Oscar

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

    #1357795
    David
    Staff
    Customer Support

    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….

    #1357807
    Oscar

    I made changes,but not working 🙁

    #1357811
    David
    Staff
    Customer Support

    Can you try clearing your browser cache.

    #1357818
    Oscar

    Cleared caché and not working, I probed in different devices and browsers, even in http://www.responsinator.com/

    #1357844
    Oscar

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

    #1357886
    David
    Staff
    Customer Support

    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;
    }
    #1358356
    Oscar

    Now working. Thanks! Great support

    #1358749
    David
    Staff
    Customer Support
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.