Unsen theme second level menu problem

[Abdallahsherif]

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

[EBOOST · 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;
}

[EBOOST · 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;
}

[Abdallahsherif]

super it worked, thanks

[Abdallahsherif]

why menu LTR ?

i want it RTL as all theme 

[EBOOST · 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;
}

[Abdallahsherif]

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

helpful man