[bobgarrett]

I have just discovered that third level menus are not appearing in my site http://www.ccrc.co.uk.
When the browser is sufficiently narrow to bring the “burger” menu then all menu levels are shown but when wide and so text menus the top and second levels are show but not the third.
These worked in your theme Kathmandu but not now we switched to Adventurous.
Can you advise?

[Skandha]

@bobgarretthomenetworks-co-uk: I checked your site and all your menu items seems to be appearing fine at my end. Can you attach me a screenshot of what you are referring to?

Kind Regards,
Skandha

[bobgarrett]

Ah! I just realised that it is only when logged in as a member that the Menu with extra menu level appears! Sorry.

I have now added an extra menu item Members -> Test Menu -> Test Sub menu in the public area. And further testing shows that the problem is that the menu does actually appear but it always appears to the right, which is off the screen for many screen widths. I thought the theme would detect this and bring it up to the left?

[Skandha]

@bobgarretthomenetworks-co-uk: This seems to be a bug in the theme which will be fixed in the next theme update. Thank you for reporting us the bug.
For now, Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.fixed-header #header-right .widget ul.menu ul ul,
#header-right .widget ul.menu ul ul {
	right: 220px;
	top: 0;
	left:unset;
}

Let me know if this works out!
Kind Regards,
Skandha

[bobgarrett]

Terrific. That worked. Thanks for the quick response.

[Skandha]

@bobgarretthomenetworks-co-uk: Glad I was able to help you out. Let me know if you have anymore issues. Have a good day! 🙂

Kind Regards,
Skandha

[bobgarrett]

Spoke too soon!
It works sometimes, but mostly the sub-submenu box appears but as you slide the mouse across it goes away again. Could this be precise positioning?

[bobgarrett]

I think it is because the “hot” area of the menu item – the grey part – goes fully to the right of the menu but not fully to the left.

[Skandha]

@bobgarretthomenetworks-co-uk: Sorry about that.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#header-right .widget ul.menu ul {
	padding:0 !important;
	width:220px !important;
}
#header-right .widget ul.menu li {
	padding-right:0px;
	padding:10px
}

This should work out!
Kind Regards,
Skandha

[bobgarrett]

Thanks for that, it worked though made the menus rather spaced out. I now have:
#header-right .widget ul.menu ul {
padding:0 !important;
width:220px !important;
}
#header-right .widget ul.menu li {
padding-right:10px;
padding-left:10px;
/*padding:10px*/
}

[Skandha]

@bobgarretthomenetworks-co-uk: Can you insert a third level menu on your site so that I can check how it is showing up at your end? The code I provided you seems to do the job at my end.

Kind Regards,
Skandha

[rahulkumar12]

I have just discovered that third level menus are not appearing in my site https://www.justquarry.com/
When the browser is sufficiently narrow to bring the “burger” menu then all menu levels are shown but when wide and so text menus the top and second levels are show but not the third.
Can you advise?

[Skandha]

@rahulkumar12: Hello there,
You don’t seem to be using our theme. Please post your issues and queries in the respective theme support forum.

Kind Regards,
Skandha

[Author]

Posts