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?
please check this link https://ibb.co/mtQhn0h. I want the site to have this view on mobile.
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.