編輯菜單5列到4列css

Question

我在這裏很新，我不知道很多關於編碼。我有這個wordpress模板，我想調整5列下拉菜單到4列菜單。我該如何調整它？

.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

只有css很難給出確切的答案。但我認爲你可以將寬度從20％（5列）更改爲25％（4列）

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