Davinci theme in mobile view

[ofuroinu]

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]

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.

 

[ofuroinu]

Hello, ofuroinu!

Please visit this thread.

Dear I found this before too but don't know how to add the snipper and where

 

[Ekaterina Sayapina]

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]

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]

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;}