Home › Forums › WoodMart support forum › Change menu icon design

Change menu icon design

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 9, 2024 at 1:16 pm #589254

    yayoooo
    Participant

    Hello there,

    We want to change the menu design from this

    https://prnt.sc/DU3LZsSH5EAG

    to this

    https://prnt.sc/MTPX4_0B5dAQ

    August 9, 2024 at 3:25 pm #589295

    Luke Nielsen
    Member

    Hello,

    Try to use the code below:

    .wd-header-cats {
    display: flex;
    align-items: center;
}

.wd-header-cats.wd-style-1 .menu-opener {
    border-radius: 35px 35px 35px 35px !important;
    min-width: 200px !important;
    padding: 10px 8px !important;
    max-height: 50px;
}

.wd-header-cats .menu-opener-icon:not(.custom-icon):after {
    background-color: #fff;
    color: #1d61e7 ;
    padding: 10px;
    border-radius: 50%;
}

    Define it in Theme Settings -> Custom CSS.

    Kind Regards

    • This reply was modified 1 year, 11 months ago by Luke Nielsen.
    • This reply was modified 1 year, 11 months ago by Luke Nielsen.
    August 9, 2024 at 3:34 pm #589299

    yayoooo
    Participant

    I added the code,

    it’s showing like this https://prnt.sc/TaHd53AV3y3s

    August 9, 2024 at 3:36 pm #589301

    Luke Nielsen
    Member

    Hello,

    Replace the old code with the edited above.

    Thank you for your time.

    Kind Regards

    August 9, 2024 at 3:41 pm #589307

    yayoooo
    Participant

    Hello,

    Thanks for fast response, please check the difference

    August 9, 2024 at 3:41 pm #589308

    yayoooo
    Participant

    Thanks for fast response, please check the difference

    Attachments:
    You must be logged in to view attached files.
    August 9, 2024 at 3:51 pm #589313

    Luke Nielsen
    Member

    Hello,

    Replace the old code with the below one:

    .wd-header-cats {
    display: flex;
    align-items: center;
}

.wd-header-cats.wd-style-1 .menu-opener {
    border-radius: 42px 42px 42px 42px !important;
    min-width: 165px !important;
    padding: 10px 3px !important;
    max-height: 40px;
}

.wd-header-cats .menu-opener-icon:not(.custom-icon):after {
    background-color: #fff;
    color: #1d61e7 ;
    padding: 10px;
    border-radius: 50%;
}

body .wd-header-cats .menu-opener-icon:not(.custom-icon):after {
    padding: 8px;
}

    https://take.ms/L4Vcx

    Kind Regards

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)