[Resolved] 2 columns format as at 768

Home Forums Support 2 columns format as at 768

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1365938
    Anil

    Hi

    I would like to retain 2 columns format as at 768 of the site from 700 to 767px rather 1 column…

    Regards

    #1366129
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    @media (min-width: 700px) and (max-width: 768px) {
        .generate-columns-container .mobile-grid-100 {
            width: 50%;
            float: left;
        }
        .generate-columns {
            padding-left: 10px;
        }
        .generate-columns-container {
            margin-left: -10px;
        } 
    }
    #1366178
    Anil

    Thanks Leo, it is working with following tweak:

    @media (min-width: 640px) and (max-width: 767px) {
        .generate-columns-container .mobile-grid-100 {
            width: 50%;
            float: left;
        }
        .generate-columns {
            padding-left: 10px;
        }
        .generate-columns-activated .generate-columns-container {
            margin-left: -10px;
        } 
    }
    
    #1366230
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.