Default view to dhow dropdown

Hello,

The best way to show the breakdown of the categories is to use the below CSS code. Enter it to the “Global Custom CSS” area that is situated in Theme Settings -> Custom CSS.

.mobile-categories-menu .wd-sub-menu,
.mobile-categories-menu .sub-sub-menu{
    display: block !important;
}

.mobile-categories-menu .wd-nav-opener:after {
    transform: rotate(90deg);
    color: #fff;
}

.mobile-nav .mobile-categories-menu .wd-nav-opener {
    background-color: var(--wd-primary-color);
    pointer-events: none;
}

.mobile-nav .menu-item-object-product_cat.menu-item-has-children>a {
    background-color: var(--nav-mobile-link-bg-active);
}

Please let us know if there is anything further we can assist you with!

Kind Regards

Judging by your screenshot, you have added the custom code to the preset’s custom CSS area so your code doesn’t work globally. First of all, navigate to the global theme settings by clicking on the “To global settings” button.

https://monosnap.com/file/nxR78FVMnKbqlbFZT1tgU7x4IAeG0j

And only then navigate to the “Custom CSS” tab and paste the code to the appropriate field.

Kind Regards

Hello,

In your case, these images by default are cropped. So try to upload new correct images and check the issue again.

https://gyazo.com/5544e88ef6a6ca6572941fe077cc9d03

Generally, a size of 20px is recommended for icons in the “Browse Categories” section but you can set any size you need.

If there’s anything else we can do, please get in touch.

Kind Regards