Home › Forums › WoodMart support forum › Category header menu

Category header menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 21, 2020 at 1:13 pm #212904

    molo
    Participant

    Hello Woodmart support,

    how can I visually edit header menu in category with sub categories?
    See picture below 🙂

    July 21, 2020 at 1:14 pm #212905

    molo
    Participant

    Picture here:

    Attachments:
    You must be logged in to view attached files.
    July 21, 2020 at 3:04 pm #212949

    Elise Noromit
    Member

    Hello,

    This menu is not editable, it shows all the existing categories: https://xtemos.com/docs/woodmart/product-category-menu/

    Best Regards

    July 22, 2020 at 3:03 pm #213248

    molo
    Participant

    Can I edit it through CSS at least? I want to add “button” style so it doesnt look just like text.

    July 23, 2020 at 7:29 am #213378

    Elise Noromit
    Member

    Hello,

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

    .hasno-product-count .category-nav-link{
    background-color: #cb9500;
    color:#ffffff;
    padding: 10px 14px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .3px;
    font-weight: 600;
    cursor: pointer;
    transition: color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    margin:5px 10px;
}

    Best Regards

    July 23, 2020 at 8:20 am #213397

    molo
    Participant

    Thank you very much, it works pretty well 🙂
    Now I just need to edit it on mobile only. I want to make it smaller and in Two columns if possible. See screenshot

    Attachments:
    You must be logged in to view attached files.
    July 23, 2020 at 8:23 am #213401

    molo
    Participant

    And is there way to align them in block in desktop version? Because they look quite messy now 🙂
    See screenshot

    Attachments:
    You must be logged in to view attached files.
    July 23, 2020 at 2:00 pm #213544

    Elise Noromit
    Member

    Hello,

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

    .woodmart-product-categories>li {
    display: block;
    width:50%;
    margin:0 auto;
}

    If you mean a smaller font edit the code provided before and insert in the Theme Settings > Custom CSS > Mobile.

    Best Regards

    July 23, 2020 at 2:55 pm #213567

    molo
    Participant

    It is sill one column.

    Attachments:
    You must be logged in to view attached files.
    July 23, 2020 at 8:47 pm #213635

    Elise Noromit
    Member

    Hello,

    Unfortunately, there is no option to make two columns.

    Best Regards

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