help.axcms.netAxinom Logo
Save Save Chapter Send Feedback

KB10065: List of the sites in top menu gets too long

You can list the sites in 3 columns with a simple CSS-modification.

SYMPTOMS

You have too many sites in your AxCMS.net instance and the list of the sites in  the top menu is getting too long.

SOLUTION

Modify the list so it displays the list in multiple columns (in this example - 3). Add the following CSS code at the end of the cms.css file (found under "/admin/css" in MS):

/***Sites menu in 3 columns***/
div#homeArrow_div ul
{
        -moz-column-count:3;
        -moz-column-gap:0;
        -moz-column-rule:none 16em transparent;
        -webkit-column-count:3;
        -webkit-column-gap:0;
        -webkit-column-rule:none 16em transparent;
        column-count:3;
        column-gap:0;
        column-rule:none 16em transparent;
        width:48em;
}

div#homeArrow_div ul li
{
        float: left\9; /*IE 6,7,8*/
        width: 15em\9; /*IE 6,7,8*/
}

APPLIES FOR

AxCMS.net 9.x