Icon list shows in two columns on mobile. Can I change that to single column and how?

And while texting I figured it out so I will leave this solution for others.

/******** Kadence Icon List - Mobile View *******/
@media screen and (max-width: 768px) {
    .wp-block-kadence-iconlist ul.kt-svg-icon-list {
        margin: 30px 0px 10px 0px!important;
		width: 100%;
    }
}

/******** Kadence Icon List - Single Column Mobile *******/
@media screen and (max-width: 600px) {
	.kt-svg-icon-list-columns-2 ul.kt-svg-icon-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

For me switching to 1 column at around 600px seems to work, but tweak as required…

I have added on my Checkout page the Checkout block deleting everything else, but the final page shows only one columns instead 2 columns.

The original Checkout page have 2 columns, don’t know if helps this information.

The List view shows the Checkout – column 1 and column 2 but in the final they are aligned in one column and it shows the column 1 before the column 2

Thanks very much for any suggestions that you have.

This must have coincided with an automatic WordPress core update, because it was noticed one day and not directly tied to happening after an update. It happened some time in October or early November.

It doesn’t seem to be an issue on the site if using other themes, just Storefront.

I’ve tried disabling all plugins and commenting out all custom CSS, but it doesn’t fix any of the Gallery Blocks. They’re still one column, left-justified.

I’ve tried adding a new Gallery Block, but get the same result, no matter what I make the settings in terms of number of columns, alignment, etc.

Currently updated to the latest Storefront theme and WordPress versions.

WordPress: 6.1.1
Storefront: 4.2.0

Example of a gallery that’s working correctly

If I go and edit the page that is working correctly and go to ‘preview in new tab’, it shows the gallery images in only one column, even if I don’t change a thing. I therefore don’t think it’s a problem with the page, but with a recent WP update or maybe the theme (Soledad), but from googling, that other users have experienced this or very similar issues in the past. I can’t find a solution for it though.

I am trying to figure out how to make my blog page on Twenty Seventeen theme a single column. I read somewhere in the theme notes that in other words that blogs have a mandatory of two column. I’ve also viewed some similar solutions in here that don’t to work for my CSS that I can’t seem to figure out.

Any help with this would be greatly appreciated, thank you!

What I want to create is a single column website, with a fluid width for different screen resolutions, and of course, responsive for multiple devices.

I am using Site Origin blocks and widgets, as this was what was introduced to me that impressed me so much. Yet no matter how many templates I try, all my content gets stuck on the right half, left half, or in the center of the page.

Does anyone have any recommendations for what I am doing wrong, suggest a template that actually only has one column and is fluid width, or otherwise point me in the right direction?

Thanks