Archived topic

Featured Image on left in mobile view

9 replies · Started by purnima banik on October 25, 2019

Viewing posts 1–10 of 10

October 25, 2019 at 6:44 am #1044129

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

October 25, 2019 at 9:04 am #1044442

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 :)

October 25, 2019 at 10:37 am #1044509

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

October 25, 2019 at 11:05 am #1044527

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 :)

October 25, 2019 at 11:29 am #1044537

No, it is not working.

October 25, 2019 at 12:05 pm #1044549

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?

October 25, 2019 at 12:15 pm #1044552

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.

October 25, 2019 at 12:19 pm #1044557

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

October 25, 2019 at 12:32 pm #1044567

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

October 25, 2019 at 12:52 pm #1044575

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.

This archived topic is closed to new replies.

Start building better websites today.