CSS Change Columns from 1 to 2

Question

In mobile view, footer navigation menu displays in 1 column at https://wordl.io

Need help changing 1 column to 2 columns in footer navigation menu.

Tried css below but does not work.

.gh-foot-menu .nav {column-count:2;}

Answer 1

Try this :

    ul.nav {
    display: inline-grid;
    grid-template-columns: 50% 50%;
    }

Where 50% is the width of the column

Answer 2

I've check this and you can try my code

ul.nav {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
display: inline-block;
}