Davinci theme in mobile view

ofuroinu

Active Member
Hi Friends

When I am in mobile view without selecting the primary categories all my sub-categories under each primary category are visible making my menu very long.
How to hide the sub categories ?
I want the related sub to appear only when clicked on primary category.

Thanks
 

Christina

Administrator
Hi Friends

When I am in mobile view without selecting the primary categories all my sub-categories under each primary category are visible making my menu very long.
How to hide the sub categories ?
I want the related sub to appear only when clicked on primary category.

Thanks

Hello, ofuroinu!

Please visit this thread.
 
E

Ekaterina Sayapina

Guest
Dear I found this before too but don't know how to add the snipper and where
You should add the code to Customization => Head => CSS style. Alternatively, you may contact our support team to get help.
 

ofuroinu

Active Member
I have added this to Head/CSS Style

Desktop:
#category-list .product_cat .cat-item .children{display:none;}
#category-list .product_cat .current-cat-parent .children,
#category-list .product_cat .current-cat .children,
#category-list .product_cat .current-cat-ancestor
.children{display:block;}

Mobile:
.mobile-main-menu .cat_menu-list .cat-item
.children{display:none;}
.mobile-main-menu .cat_menu-list .current-cat-parent
.children, .mobile-main-menu .cat_menu-list .current-cat
.children, .mobile-main-menu .cat_menu-list
.current-cat-ancestor .children{display:block;}




It is still the same. Is above code correct?
 

ofuroinu

Active Member
I tried again by just adding below and it is working. Do I need add Desktop code also?

.mobile-main-menu .cat_menu-list .cat-item
.children{display:none;}
.mobile-main-menu .cat_menu-list .current-cat-parent
.children, .mobile-main-menu .cat_menu-list .current-cat
.children, .mobile-main-menu .cat_menu-list
.current-cat-ancestor .children{display:block;}
 
Top