[Resolved] change home page to list view in mobile mode

[Medua]

hello how do i change posts in homepage to list view on my website

[Leo]

Hi there,

What do you mean by list view?

[Medua]

please check this link https://ibb.co/mtQhn0h. I want the site to have this view on mobile.

[Medua]

Hi please help check the question. I’m still waiting

[David]

Hi there,

try adding this CSS:

@media(max-width: 768px) {
    .generate-columns-container .entry-header {
        font-size: 12px;
        display: flex;
        flex-direction: column-reverse;
    }
    .generate-columns-container .entry-title {
        font-size: 16px;
        margin-top: 0.5em;
    }
    .generate-columns-container .entry-summary {
        display: none;
    }
    .generate-columns-container .inside-article {
        display: flex;
        flex-direction: row-reverse;
    }
    .post-image-below-header.post-image-aligned-left .inside-article .post-image {
        margin: 0 20px 0 0 !important;
        flex: 1 0 100px;
    }
    .generate-columns-container .resize-featured-image .post-image img {
        width: 100px;
        height: 100%;
        object-fit: cover;
    }
}

[Medua]

Thanks it worked.

[David]

You’re welcome

[Author]

Posts