Specifying grid width with lgc for tablet portrait view

Hi there,

so you want to adjust the width of the grid container or the individual columns?
Do you have a link as well so we can have a look?

I want to be able to adjust the individual columns for tablet portrait. For example - if you take a look at the 'About' page, and the section 'A Word From Pete' - I'd like to be able to adjust the columns to make better use of the space that opens up up below the image in tablet portrait view.

Thanks for your help!

Hi there,

there are the set % sizes for desktop, tablet and mobile in the LGC Shortcode.
If you want to specify something between those ranges then you could try a media query with some CSS eg.

@media (max-width: 800px) and (min-width: 640px) {
    #generate-section-6 .lgc-column:first-child {
        width: 30%;
    }
    #generate-section-6 .lgc-column:nth-child(2) {
        width: 70%;
    }
}

So this will change the first column in that section to 30% and the second to 70% between those breakpoints. Adjust the sizes accordingly

Thanks David, I'll give that a go.

You're welcome let me know