Mobile Layout

Hi there,

Any chance you can link us to the site in question?

Let me know ??

sarkariguides.comMy Website Url

Please help me i need mobile layout in my site as above i mentioned

Something like this should help you to get started:

@media (max-width: 768px) {
    .entry-summary, footer.entry-meta {
        display: none;
    }
    .blog .inside-article, .archive .inside-article {
        display: flex;
        flex-direction: row-reverse;
    }
    .post-image img {
        max-width: 200px;
        margin-right: 10px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hello sir it’s not look like that image i mentioned.

Check screenshot of my web ( I’ll added above css which provide by you ).

Link : https://imgur.com/a/SPLqye0

Sorry wrong link.

This was correct link of my web screenshot : https://imgur.com/gMXir73

I want this mobile Layout : https://imgur.com/tbuu28K

My Website Link : https://www.sarkariguides.com

The CSS I’ve provided is a good starting point for you to tweak it to achieve your need.

For example, you might need to reduce the 200px in this part of CSS to reduce the image size and give the title more space:

.post-image img {
    max-width: 200px;
    margin-right: 10px;
}

Looks like you are already using CSS to set the title font size on mobile to 25px so you will likely need to reduce that some more.

Your post titles are quite long comparing to the example so might not be suitable for layout like this on mobile.