Archived topic
Home Page Columns
11 replies · Started by K on April 26, 2019
Hi,
My blog columns are set to 3. This creates a 3 column desktop, 2 column tablet, and 1 column mobile grid. However, I 'd like to change to this 3, 2, 2 (so mobile would be 2 columns).
What's the best way to achieve this?
Thanks.
Hi there,
Can you disable Autopimize for now?
Thanks :)
Sure, done.
Thanks.
Weird. Something is making the code funky at the backend.
Can you temporarily disable so-css and any other caching plugins you might have?
Thanks :)
Hi Leo,
I can't turn off the SO-CSS, because that's what makes my site look right.
Can you explain to me what the process is, and what's funky so I can see if I can figure it out myself?
Thanks.
Can you remove this CSS first?
@media (max-width: 767px) and (min-width: 481px)
.tablet-grid-50 {
float: left;
width: 50%;
}
Leo,
I setup my development site as a copy of my live site so you can go in and change/test what you need to. But I need to give you the login credentials. How can I do that without posting publicly?
Thanks.
Don't need the login just yet.
Did you remove the CSS here?
https://generatepress.com/forums/topic/home-page-columns/#post-880995
Let me know :)
Leo,
That code is in unsemantic-grid.min.css. I needed to change my media breakpoints, and in an earlier post (https://generatepress.com/forums/topic/change-unsemantic-grid-breakpoints/#post-708578) Tom told me to include this file so I could change the breakpoints. I didn't update it at all other than changing the breakpoints.
I'm on a live site with over a hundred active users at any point in time, so I'm worried removing that code might break something while I wait for you to look at it...I do have a dev site we could use but need to send you the info. securely.
Hi there,
Can you try this CSS?:
@media (max-width: 768px) {
.generate-columns-activated .generate-columns-container {
margin-left: -15px;
}
.generate-columns-container article {
width: 50%;
margin-bottom: 15px;
padding-left: 15px;
}
}
Let me know :)
I think that works, thank you!
You're welcome :)