1
我在這裏很新,我不知道很多關於編碼。我有這個wordpress模板,我想調整5列下拉菜單到4列菜單。我該如何調整它?編輯菜單5列到4列css
.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.
提前感謝!
我沒有看到你的html,但也許你可以開始給它一個四聯班而不是五聯班,無論如何,你必須改變你的HTML結構不僅僅是CSS – derHugo