Column responsiveness on ipad

[logoglo]

Hi there, see https://ledgerops.kinsta.cloud/about-us/

So, I have the OUR STORY acting how I want it too…so on an ipad portrait it looks like this:

How do I have the next section act the same? (to make the above work there is the code: .page-id-619 .x-column.x-1-2 {
width: 100%;, but this is a 1-4, 3-4 column, so im not sure how to apply it…)

Is there anyway of keeping the image at the same height for desktop, and ipad landcape? at the minute its shrinking, so its not aligned with the text.

Thanks.

[logoglo]

Actually, I figured it out:

BUT

If I can make the image stay the same size for smaller screens…at the minute its shrinking:

Thanks.

[friech]

Hi @logoglo,

Thank you for writing in, but sorry I am not entirely certain of what you’re trying to do.

• 

Don’t you want that layout on mobile? because that is the perfect layout for mobile. Please clarify.

Thanks,

[logoglo]

No, the mobile and ipad portraits are great, its for smaller laptop screens, the image is shrinking, I want it to stay the same size (height as the text) until the breakpoint…

Thanks.

[ruenel]

Hello @logoglo,

The image will always shrink because there is not enough space if it stays on the same dimension. Keep in mind that you have added 36% (18% + 18%) margin on the left and right side of the content band. That means that there is only 64% space for your columns. This is why the image and the text column column have to shrink to adjust to the remaining space.

• 

Hope this makes sense.

[logoglo]

Makes sense, guess I will have to stick with it as is. Thanks

[ruenel]

You are most welcome!