Home › Forums › WoodMart support forum › Color Mobile Main Menu + Link

Color Mobile Main Menu + Link

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 23, 2022 at 1:12 pm #355355

    DecHome
    Participant

    Hi, I have a couple of questions:
    1) How can I change the color of the links in the header on the right (My Account, Whislist …) as in attachment 1.jpg?
    2) How can I change the background of the mobile main menu and categories? While for the “Menu” and “Category” buttons? (attachment 2.jpg and 3.jpg)
    Thank you.

    • This topic was modified 3 years, 6 months ago by DecHome.
    Attachments:
    You must be logged in to view attached files.
    February 24, 2022 at 12:00 am #355617

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Please add this code to the Theme Settings > Custom CSS > Global:

    For mobile menu: 

    .mobile-nav .wd-search-form{
background:red;
}
body .wd-nav-mob-tab>li.wd-active > a {
    background-color: yellow;
}
body .wd-nav-mob-tab>li > a {
    background-color: orange;
}
div.mobile-nav,
div.mobile-nav .sub-menu-dropdown ul{
background-color: red;
color: #ffffff;
}
div.mobile-nav ul li a,
div.mobile-nav .icon-sub-menu {
border-color: black;
}
div.mobile-nav ul li.current-menu-item>a {
color: white;
}
div.mobile-nav ul li a:active {
background-color: green;
}

    Header-icons: 

    body .wd-tools-element > a {
color:blue;
}
body .wd-tools-element > a:hover {
color:green;
}

    Best Regards

    February 24, 2022 at 8:45 am #355716

    DecHome
    Participant

    Everything works, thank you very much.
    Is it possible to change the color of the submenus as well?
    Including the one in the attachment?

    Attachments:
    You must be logged in to view attached files.
    February 25, 2022 at 1:18 pm #356006

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wd-dropdown-my-account.wd-design-default .wd-sub-menu li a {
    color: red;
}

    Best Regards

    February 25, 2022 at 2:48 pm #356026

    DecHome
    Participant

    Forgive me, I have not explained myself.
    I meant the background of the submenu.
    I used this code but I have the attachment 2.jpg result.

    body .wd-dropdown-my-account.wd-design-default .wd-sub-menu {
    background-color: #3c5169;
    }

    Where am I wrong?

    Can we also change the color of the “Add to cart” button (3.jpg) ?

    Attachments:
    You must be logged in to view attached files.
    February 26, 2022 at 1:37 am #356108

    Elise Noromit
    Member

    Hello,

    Please try this code: 

    body .whb-col-right .wd-dropdown-my-account {
  background-color: red;
}

    Best Regards

  • Author
    Posts

Tagged: 

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