Category header menu

Hello Woodmart support,

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

Picture here:

Attachments:

You must be logged in to view attached files.

Hello,

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

Best Regards

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

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

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.

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.

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

It is sill one column.

Attachments:

You must be logged in to view attached files.

Hello,

Unfortunately, there is no option to make two columns.

Best Regards

[Author]

Posts