How To Change Header Selector CSS
.header-selectors-wrapper {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.header-selectors-wrapper > div {
display: block;
width: 50%;
margin: 10px auto;
vertical-align: middle;
}
.header-selectors-wrapper select {
width: 100%;
}
.language-list {
max-width: 100%;
font-size: 0;
}
.language-list li {
display: inline-block;
margin: 0 1px;
vertical-align: middle;
}
.language-list a {
display: block;
position: relative;
width: 24px;
height: 32px;
line-height: 0;
}
.language-list img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media all and (min-width: 481px) {
.header-selectors-wrapper > div {
display: inline-block;
width: 30%;
margin: 10px auto;
}
}
@media all and (min-width: 769px) {
.header-selectors-wrapper > div {
width: 20%;
}
}
@media all and (min-width: 1001px) {
.header-selectors-wrapper {
float: left;
border: none;
padding: 0;
}
.header-selectors-wrapper > div {
width: auto;
min-width: 100px;
margin: 0 12px 0 0;
line-height: 43px;
}
.header-selectors-wrapper select {
height: 25px;
padding: 4px;
font-size: 12px;
}
.language-list {
text-align: left;
}
}
Modified at 2024-08-27 11:55:42