Resizing columns

[Nashish]

Hi is there a way for me to restrict the size of the first column of the row? I’d like the botton of the large photo to line up with the bottom two small photos on the side. I don’t want to change the grid element just the column.

[friech]

Hi There,

Thank you for writing in, you can change your Grid Layout to Masonry

https://www.themepunch.com/essgrid-doc/core-anatomy-of-an-essential-grid/#grid-layout

I would not advise resizing the columns grid manually because that can mess things up.

Hope it helps,
Cheers!

[Nashish]

Thank you for the tip it worked but the grids only lineup 1200px & up any smaller and everything starts to bunch up including the post title and expert. Do i have to create a different grid for each display size? Or is there a way to make it scale properly as the display size gets smaller? Here’s the link to my site madebynashish.com

[thai]

Hi There,

It because that grid has a large padding in the mobile/tablet version, to remove it please try adding this custom CSS under Theme Options > CSS:

@media (max-width: 767px){
    #esg-grid-37-1 {
        padding: 0 !important;
    }
}

Hope it helps

[Nashish]

Much better! But how do I correct the way the title and excerpt words bunch up when on the mobile/tablet version??? The CSS just corrected the padding

[thai]

Hi There,

To make to texts responsive, please take a look at this article: https://www.themepunch.com/faq/increase-size-of-text-on-mobile/.

Hope it helps