ul li в две колонки
ul li css double column
ul li в две колонки
ul li в две колонки - просто скопируй CSS код и примени его обернув вывод ul в дополнительный ul.sitemap
разделить пополам список ul li и вывести в две колонки
ul li пополам и вывести в 2 колонки.
@media only screen and (max-width: 1366px) {
ul.sitemap {
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(2n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
list-style-type:decimal;
height:auto;
/*width:100%;*/
}
}
@media only screen and (min-width: 1180px) { ul.sitemap {
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(2n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
list-style-type:decimal;
height:auto;
/*width:100%;*/
}
}
/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
ul.sitemap {
/*border: solid 1px #d2d2d2;*/
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(2n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
list-style-type:decimal;
height:auto;
/*width:100%;*/
}
}
/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
ul.sitemap {
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(2n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
list-style-type:decimal;
height:auto;
/*width:100%;*/
}
}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
ul.sitemap {
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(2n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
list-style-type:decimal;
height:auto;
/*width:100%;*/
}
}
/* Mobile Portrait Size */
@media only screen and (max-width: 549px) {
ul.sitemap {
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
list-style-type:decimal;
height:auto;
/*width:100%;*/
}
}
@media (max-width: 320px) {
ul.sitemap {
text-align:left;
font-size:1em;
ul.sitemap li {
float:left;
}
ul.sitemap li:nth-child(n+1) {
clear:both;
}
list-style-position: inside;
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
list-style-type:decimal;
height:100vh;
/*width:100%;*/
}
}