[Resolved] Featured Image on left in mobile view

[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

[Leo]

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 🙂

[purnima banik]

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

[Leo]

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 🙂

[purnima banik]

No, it is not working.

[Leo]

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?

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

[Leo]

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

[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

[Leo]

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.

[Author]

Posts