Home Forums Basel support forum sub-menu-dropdown color-scheme

sub-menu-dropdown color-scheme

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #81684

    iamcan
    Participant

    Dear 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.
    #81729

    Hello,

    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

Viewing 2 posts - 1 through 2 (of 2 total)