Site logo

Archived topic

change home page to list view in mobile mode

6 replies · Started by Medua on May 26, 2020

Viewing posts 1–7 of 7

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

Hi there,

What do you mean by list view?

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

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;
    }
}

Thanks it worked.

You're welcome

This archived topic is closed to new replies.