Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Resolved] Featured Image on left in mobile view

Home Forums Support [Resolved] Featured Image on left in mobile view

Home Forums Support Featured Image on left in mobile view

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1044129
    purnima banik

    I want to show the featured image on left with the heading on the right in category/archive/blog page. Although I managed to have the same in desktop view. Both with the Theme customiser and WPShowPosts, I managed to get the same. But unable to get it on the mobile view. Actually, I want to list the articles like a magazine/news portal at https://fresherscall.com. Please Suggest the Solution.

    Thanks

    Purnima

    #1044442
    Leo
    Staff
    Customer Support

    Hi there,

    Usually there isn’t enough room on mobile to achieve that layout and make it look good but we can certainly try.

    I don’t see any featured images in the site you linked – can you activate/add them first?

    Let me know 🙂

    #1044509
    purnima banik

    I have added that now with an image of 300X200.

    #1044527
    Leo
    Staff
    Customer Support

    Try this CSS:

    @media (max-width: 768px) {
        body:not(.post-image-aligned-center) .inside-article .post-image {
            float: left;
            margin-right: 10px;
            max-width: 100px;
        }
    }

    Let me know 🙂

    #1044537
    purnima banik

    No, it is not working.

    #1044549
    Leo
    Staff
    Customer Support

    Yes, it should work – I don’t see the CSS being added.

    Can you make sure it’s added and clear any caching plugin (including Autopimize) you might be using?

    #1044552
    purnima banik

    I already added and since it was not working, so I removed it. Is working in tablet view though. Now I have added it and cleared the cache.

    #1044557
    Leo
    Staff
    Customer Support

    I can’t tell why it’s not working if you remove the code.

    Looks like it’s working though?
    https://www.screencast.com/t/CVRpl61v

    #1044567
    purnima banik

    I have added the code & it is working on tablet view. But Not on mobile. Actually, I wanted to show the contents in the style as in the image below –
    Required Style

    Please Suggest

    #1044575
    Leo
    Staff
    Customer Support

    Adjusted the CSS here:
    https://generatepress.com/forums/topic/feature-image-on-left-in-mobile-view/#post-1044527

    Then change the h2 font size on mobile to something like 15px in the customizer.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.