Reply To: improve the filter logic of goods

If you are asking for our advice, we recommend you do not force users of the laptops to use the design of a mobile version, since it is designed for finger touch control.

To avoid menu items dropping on non-standard resolutions, you can reduce the font-size and padding for the menu items themselves. This can be done by adding code snippet located below to the Global Custom CSS area in Theme Settings.

@media (max-width: 1199px) and (min-width: 1024px) {
	div.main-nav .item-level-0.callto-btn {
		margin-right: 0px;
	}
	
	div.main-nav .menu > .item-level-0.callto-btn > a {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 12px;
	}
	
	div.main-nav .menu > .menu-item > a {
		font-size: 12px;
	}
	
	div.main-nav .menu > .menu-item:last-child > a {
		padding-right: 0px;
		padding-left: 0px;
	}
}

Add this code to mobile custom CSS area to make first category title font smaller.

div.categories-style-masonry-first .category-grid-item:first-child .category-title {
	font-size: 16px;
}

Regards