Search code examples
cssflexboxmultiple-columnscolumn-count

CSS Change Columns from 1 to 2

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;}

Solution

  • I've check this and you can try my code

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