Sub-Submenu

thalakus
(@thalakus)

5 years ago

Hello there,
I found one bug in the Sydney-Theme. It already existed in the version 1.76 and exists also now in 1.77:

The following scenario:
Desktop-View -> Main Menu on the top
you check for one menu-entry that has more sub-items.
For example the main entry “products” has the sub-items “Computers”,”Software” and “Other stuff”.
If now one of the sub-items also has sub-items like “computers”-> “high performance” and “medium performance” the following bug occurs:

When all the menu-items align to the right and in the last layer you go with your curser on the highest “margin” of the sub-sub-menu-entry, it begins to flicker when you move the curser a little bit outside of the sub-sub-menu-entry. I gues this is triggered by the outblurring-effect when you leave the menu with the curser. So it’s like if there was a “zone” in which the menu doesn’t know whether to appear or to vanish.

I saw it on multiple Sydney-Pages that were mentioned in the support-forum so it’s not a problem that affects only my page. I’m sure a testing environment with a 3 layer menu will show the problem.

I’m looking forward to help you fixing it.

Best regards!!

Viewing 9 replies - 1 through 9 (of 9 total)

Kharis Sulistiyono
(@kharisblank)

4 years, 12 months ago

Hi,

Please accept my apologies for the delay in response. I really appreciate your patient.

Can you share a link to your website here, so I can check the issue directly.

Regards,
Kharis

Thread Starter thalakus
(@thalakus)

4 years, 12 months ago

Hello Kharis, for example it’s on this page: Page

Thank you in advance
Kharis Sulistiyono
(@kharisblank)

4 years, 11 months ago
Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.
```
#mainnav li:hover > ul ul {
  left: 100%;
}

.site-header #mainnav ul li ul.sub-menu li ul.sub-menu {
  left: 100%;
}
```
Let me know how it goes.

Regards,
Kharis
Thread Starter thalakus
(@thalakus)

4 years, 11 months ago

Hi Kharis,
unfortunately it doesn’t work with that CSS code.
Did you also find that error on the blank installation? I set un up locally and added some sub-sub-menu items and the error accured also there.

Best regards

Kharis Sulistiyono
(@kharisblank)

4 years, 11 months ago

Hi,

Thank you for trying the code.

Perhaps I didn’t your issue correctly.

Can you take a screen recording showing the error and share it here? You can use Google Drive to host your file and link its public link here.

Regards,
Kharis

Thread Starter thalakus
(@thalakus)

4 years, 11 months ago

Hello Kharis,

see the attached Youtube-Link:
https://youtu.be/E9RnsHW6Lzs

Best regards
Kharis Sulistiyono
(@kharisblank)

4 years, 11 months ago
Hi,

Thank you for sharing the video.

Try this CSS code:
```
#mainnav ul li ul { 
  left: 0 !important;
  padding-top: 10px;
}

#mainnav .sub-menu li a {
  padding: 8px 18px;
}

#mainnav li:hover > ul ul {
  left: 100% !important;
}
```
Let me know how it goes.

Regards,
Kharis
Thread Starter thalakus
(@thalakus)

4 years, 11 months ago

Hello Kharis,

this code would work, yes.
But as I said, it’s a Problem that occurs with all new installations of the Sydney Theme. I’ve seen it in all Syndey-Installations that have Sub-Sub-Menus.

Will this be implemented in the next Theme-Update?

Best regards!
Thread Starter thalakus
(@thalakus)

4 years, 8 months ago
Hi Kharis,
this is also some issue, that was fixed by your CSS but still remains and wasn’t fixed in the recent update.
Maybe it’s something for the next update 🙂

For example it’s also on the page of this guy (not my page):
https://www.ndt-bobath.pl/

when you go to the menu on PC-view (in the menu the left button -> opens 3 sub-menu-items and when you go with the courser on the top right corner of this sub-menu-block, you’ll see that it “jumps”)

Best regards!
- This reply was modified 4 years, 8 months ago by thalakus.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Sub-Submenu’ is closed to new replies.

Tags