Solved

Unsen theme second level menu problem

Abdallahsherif
Shopify Partner
33 1 5

hi,

i am trying to Design shopify store using unsen theme, but i have problem with second menu not apper !

i have 2 level menu and the problem with second

 

https://47a2bc-fc.myshopify.com/

password :  tahlud

Screenshot 2024-05-15 001829.png

Accepted Solutions (2)

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

Hi @Abdallahsherif ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/t4s-submenu.css
3. Add code below to end of file

.t4s-type__drop .t4s-menu-item.has--children:hover .t4s-sub-menu.t4s-sub-menu-2 {
  display: block;
}
.t4s-type__drop .t4s-menu-item.has--children .t4s-sub-menu.t4s-sub-menu-2 {
  position: absolute;
  left: -100%;
  top: 0;
  background-color: var(--t4s-body-background);
}
body .t4s-menu-item.t4s-type__drop > .t4s-sub-menu {
  overflow: visible;
  max-height: inherit;
}
Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤

View solution in original post

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

Hi,

If you want to RTL you can add more code below

.t4s-type__drop .t4s-menu-item.has--children:hover .t4s-sub-menu.t4s-sub-menu-2 {
  padding-right: 20px;
  text-align: right;
}

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤

View solution in original post

Replies 5 (5)

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

Hi @Abdallahsherif ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/t4s-submenu.css
3. Add code below to end of file

.t4s-type__drop .t4s-menu-item.has--children:hover .t4s-sub-menu.t4s-sub-menu-2 {
  display: block;
}
.t4s-type__drop .t4s-menu-item.has--children .t4s-sub-menu.t4s-sub-menu-2 {
  position: absolute;
  left: -100%;
  top: 0;
  background-color: var(--t4s-body-background);
}
body .t4s-menu-item.t4s-type__drop > .t4s-sub-menu {
  overflow: visible;
  max-height: inherit;
}
Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
Abdallahsherif
Shopify Partner
33 1 5

super it worked, thanks

Abdallahsherif
Shopify Partner
33 1 5

Screenshot 2024-05-15 051655.png

why menu LTR ?

i want it RTL as all theme 

EBOOST
Shopify Partner
835 229 256

This is an accepted solution.

Hi,

If you want to RTL you can add more code below

.t4s-type__drop .t4s-menu-item.has--children:hover .t4s-sub-menu.t4s-sub-menu-2 {
  padding-right: 20px;
  text-align: right;
}

 

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

https://www.eboosttech.net

EBOOST
DONATE ❤❤
Abdallahsherif
Shopify Partner
33 1 5

Thank you once again from the bottom of my heart for everything you have done.

helpful man