Home Forums WoodMart support forum Moved: Reply To: Ergonomy of menu on mobile Reply To: Moved: Reply To: Ergonomy of menu on mobile

#294914

Bogdan Donovan
Keymaster

Hi,

1. In the next update we will replace shop title categories menu burger icon with arrow icon in close way like it looks on Basel theme.

2. WooCommerce has own product categories sorting option that can’t be overwritten by WordPress theme. To sort your categories try to use the following drag and drop interface in product categories menu (screenshot https://prnt.sc/13c550u).

3. Try to add following custom code to the Global Custom CSS area in Theme Settings to change sub-categories arrow color to the desired one.

.page-title .wd-nav-product-cat .wd-nav-opener,
.page-title .wd-nav-product-cat .wd-nav-opener:hover {
	color: #FF0000;
}

.page-title .wd-nav-product-cat  .wd-nav-opener.wd-active {
	color: #0032A0;
}

4. There is no such option in WooCommerce, but following changes can be done with Custom CSS. To exclude product categories on mobile view you need to find ID of the following category by checking it URL in the WordPress Dashboard (https://prnt.sc/13c5rly). After creating a list of desired categories IDs you can create custom CSS code which will hide these categories on a mobile device. For example to hide categories with IDs 15,72 and 154 on mobile device try to add following custom code to the Mobile Custom CSS area in Theme Settings.

.wd-nav-product-cat .cat-item-15,
.wd-nav-product-cat .cat-item-72,
.wd-nav-product-cat .cat-item-154 {
	display: none;
}

5. We have checked our demo on mobile devices https://woodmart.xtemos.com/shop/, and it is working normally (video https://gyazo.com/ca08b5ae2db918bad52ccbe934fe605b)

Kind Regards