-
jhkoning
hey there,
my client wants the new 3rd level nav items, displayed underneath the 2nd level (on desktop)
screenshot
somewhat like it is on the off canvas menu
screenshot
can you provide some guidance on how to achieve this please?
thanks heaps 🙂
Jason -
Hi there,
Go to cusotmizer > layout > primary navigation, set Navigation Dropdown to
click - menu item
orclick - arrow
.Let me know if this helps!
-
jhkoning
hey Ying,
well, that was pretty obvious (sorry about that).
click menu works, how would you recommend replicating the arrow (from the off canvas menu)? -
Alvind
Hi there,
What did you choose for the Navigation Dropdown setting? By default, the arrow should appear whenever a menu has a submenu.
-
jhkoning
hey Alvind,
i did wonder about that, i chose click – menu item
when i chose click – arrow the sub menu didn’t even appear…ahhh, i know why, some custom css was hiding the arrow from the top level.
.menu-item-has-children .dropdown-menu-toggle {display:none;}
i need to keep it hidden on the top level, but displayed on the sub menus.
any advice on that? -
Hi there,
you can hide just the top level items dropdown toggles with this CSS:
.main-navigation .main-nav>ul>li>a>.dropdown-menu-toggle { display: none; }
If you want it to only affect the off canvas then change the CSS to:
.slideout-navigation .main-nav>ul>li>a>.dropdown-menu-toggle { display: none; }
-
jhkoning
all sorted thanks
-
David
Glad to hear that
- You must be logged in to reply to this topic.