Icon List – Single Column Mobile

Hey Kadence

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…