Home › Forums › Basel support forum › sub-menu-dropdown color-scheme
sub-menu-dropdown color-scheme
- This topic has 1 reply, 2 voices, and was last updated 5 years, 6 months ago by Elise Noromit.
-
AuthorPosts
-
October 8, 2018 at 8:49 pm #81684
iamcanParticipantDear Devoloper,
how could i change the background color of the mobil sub menü to white?
I also have this code to change the color, but it doesnt include every level of the menu:
.mobile-nav,
.mobile-nav .sub-menu-dropdown ul {
background-color:white;
}
.mobile-nav ul li a {
color:black;
}
.mobile-nav ul li a:hover {
color:black;
}
.mobile-nav .icon-sub-menu {
height:50px;
}
.mobile-nav .icon-sub-menu:after,
.mobile-nav .icon-sub-menu:before {
background-color:white;
}
.mobile-nav .sub-menu-dropdown ul:before {
content:none;
}
.mobile-nav .searchform {
border-bottom: 2px solid rgba(180, 180, 180, 0.43);
}
.mobile-nav .searchform input[type=text] {
border: 1px solid rgba(129,129,129,.25);
color:black;
}
.mobile-nav .searchform ::-webkit-input-placeholder {color:rgba(0,0,0,0.6)}
.mobile-nav .searchform ::-moz-placeholder {color:rgba(0,0,0,0.6)}/* Firefox 19+ */
.mobile-nav .searchform :-moz-placeholder {color:rgba(0,0,0,0.6)}/* Firefox 18- */
.mobile-nav .searchform :-ms-input-placeholder {color:rgba(0,0,0,0.6)}
.mobile-nav .searchform button {
color:black;
}.mobile-nav,
.mobile-nav .sub-menu-dropdown ul {
background-color:white;
}
.mobile-nav ul li a {
color:black;
}
.mobile-nav ul li a:hover {
color:black;
}
.mobile-nav .icon-sub-menu {
height:50px;
}
.mobile-nav .icon-sub-menu:after,
.mobile-nav .icon-sub-menu:before {
background-color:black;
}
.mobile-nav .sub-menu-dropdown ul:before {
content:none;
}
.mobile-nav .searchform {
border-bottom: 2px solid rgba(180, 180, 180, 0.43);
}
.mobile-nav .searchform input[type=text] {
border: 1px solid rgba(129,129,129,.25);
color:black;
}
.mobile-nav .searchform ::-webkit-input-placeholder {color:rgba(0,0,0,0.6)}
.mobile-nav .searchform ::-moz-placeholder {color:rgba(0,0,0,0.6)}/* Firefox 19+ */
.mobile-nav .searchform :-moz-placeholder {color:rgba(0,0,0,0.6)}/* Firefox 18- */
.mobile-nav .searchform :-ms-input-placeholder {color:rgba(0,0,0,0.6)}
.mobile-nav .searchform button {
color:black;
}Attachments:
You must be logged in to view attached files.October 9, 2018 at 7:56 am #81729
Elise NoromitMemberHello,
Try this code:
.site-mobile-menu li > .sub-menu-dropdown div ul li a{ background:#ffffff; }
Add this code to the Theme Settings > Custom CSS
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register