編集メニュー5列4列CSS

Question

私はここでかなり新しいです、そして、私はコーディングについてたくさん知らないです。私はこのWordPressのテンプレートを持って、私は4列のメニューに5列のドロップダウンメニューを調整したい。どうすれば調整できますか？事前に

.dropdown-menu .five-col { 
    margin: 0 -15px; 
} 

.dropdown-menu .five-col .column { 
    float: left; 
    padding: 0 15px; 
    width: 20%; 
    position: relative; 
} 

.dropdown-menu .five-col .column:first-child:before { 
    display: none; 
} 

.dropdown-menu .five-col .column:before { 
    content: ''; 
    position: absolute; 
    left: -10px; 
    background: #181818; 
    width: 1px; 
    top: 0; 
    bottom: 0; 
} 

.dropdown-menu .five-col ul { 
    display: block; 
    text-transform: uppercase; 
} 

.dropdown-menu .five-col ul li { 
    display: block; 
    width: auto; 
    margin: 0; 
} 

.dropdown-menu .five-col ul li a { 
    padding-left: 0; 
} 

.dropdown-menu .five-col ul li a:hover { 
    padding-left: 5px; 
} 

.dropdown-menu .five-col ul { 
    position: static !important; 
    width: auto !important; 
} 

.dropdown-menu .five-col .sub-link-opener { 
    pointer-events: none; 
} 

A screenshot can be found here.

ありがとう！

Answer 1

正確な答えを出すのは難しいです。しかし、私はあなたが私はあなたのhtmlが表示されていない25％（4列）

.dropdown-menu .five-col .column{ 
Width: 25%; 
}