Archived topic
Magazine grid
3 replies · Started by liz on January 2, 2022
Hi,
To load the front page faster on mobile, I am planning to remove the magazine grid (only on mobile). The problem is that --the aesthetic element of the site on mobile will take a hit.Can you then make the standard element look more pleasing to the eye as it will be the first one[image] that shows up once the magazine grid is removed.
Maybe adding a background color next to it [where the title and excerpts are contained] will make it look much better...that is just a suggestion but maybe you have another idea in mind...you can redesign it however you want. Thanks. Link to the site is in the private info field.
Hi there,
try adding this CSS:
@media(max-width: 768px) {
.home #wpsp-1275 .wp-show-posts-inner {
padding-bottom: 20px;
background-color: #eee;
}
.home #wpsp-1275 {
margin-left: -37px;
width: 100vw;
}
}The first rule will add a light background to that first post. And the second rule will make it so the post fills the width of the screen.
Thank you so much, David.
Glad to be of help!
