Site logo

Archived topic

Columns filter and styling

1 reply · Started by Marinex on April 15, 2021

Viewing posts 1–2 of 2

Hi, I have searched the forum and looked around in the documentation but still need help regarding blog column settings.

I am trying to use two columns on mobile and six on desktop for my blog layout. Can I achieve this with the generate_blog_get_column_count and some css maybe?

Hi there,

Try using this CSS:

.generate-columns-container .generate-columns.grid-20, .grid-sizer.grid-20 {
    width: 16.667%;
}

@media (max-width: 767px) {
  @media (max-width: 767px) {
    .generate-columns-activated .generate-columns-container {
        margin-left: -20px;
        padding-right: 20px;
    }
}
  .generate-columns-activated .generate-columns-container .generate-columns.mobile-grid-100, .grid-sizer.mobile-grid-100 {
      width: 50%;
      padding-left: 20px;
  }
}
This archived topic is closed to new replies.