[Support request] Specifying grid width with lgc for tablet portrait view

[Roger]

Is there a way to specify a different grid width for tablet portrait view using lightweight grid columns?

[David]

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?

[Roger]

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!

[David]

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

[Roger]

Thanks David, I’ll give that a go.

[David]

You’re welcome let me know

[Author]

Posts