I've edited this (original below) because i think what i really need to do is to copy the book-style used on the main menu to another horizontal menu in a different region. Still new to this but i think i either need to add an "if" to \templates\navigation\menu.html.twig or \templates\navigation\book-navigation.html.twig but i don't know how to override the class being based on the menu_name.

Any pointers?

ORIGINAL:
Apologies if this is just brain-freeze on my part.

I'd like to move the Main Menu from the Navbar block to above the header, so i chose Leaderboard. But the Main Menu style changes from the very cool "l-pr page__row pr-navbar" style to a not-so-cool "ms-dropmenu .rm-block__content" style.

I was thinking i coudl just re-arrange the order of the blocks (somehow), but was hoping there was a much easier way to keep that style.

Thank you,

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

wheretoplaygames created an issue. See original summary.

wheretoplaygames’s picture

Title: Main Menu loses style when moved to other block » How to copy Main Menu (book-style) into another menu?
Issue summary: View changes
wheretoplaygames’s picture

Title: How to copy Main Menu (book-style) into another menu? » How to copy Main Menu style (book-style) into another menu?
Jeff Burnz’s picture

I'm confused a bit here, do you mean the book menu or responsive menu (the main navigation)?

Either way it's going to be CSS, pretty easy and I can show you how, but I'm just a bit confused about what you actually want to do - try to describe in simple steps with precise details (which menu is moving where etc).

wheretoplaygames’s picture

Sorry for the confusion...

I like the way the Main Navigation menu works when it is in the Navbar region and want to replicate that style for my new menu of links called "Resources" that will be in the Highlighted or Content Prefix region.

I got confused because it seems like the CSS for the Main Navigation menu only works "properly" when it is in the Navbar region. It loses some formatting when i move it elswhere.

Thank you mucho,

Jeff Burnz’s picture

Just to clarify - are you using both the navbar and "resources" - so in effect you'd have two menus both looking the same?

Or are you not using the navbar region and just want the other region/menu to have the same style as the navbar?

I'm just not clear because why use Highlighted region when it's directly below the Navbar?

wheretoplaygames’s picture

I haved Navbar above my header and Highlighted (actually in Content Prefix in the image) below it. I want to have the two separate menus, but want them both to be styled like the Main Menu with the smooth dropdown and to change to the hamburger button when on small screens:

regions

site

Jeff Burnz’s picture

Category: Support request » Feature request

I may have to change some stuff in the core theme to support this, let me think about it, it's quite complicated because the theme was not designed to handle this scenario (it's possible of course), give me a day or so to think about the best way to support this (you're not the first person to request this feature - so I'm taking that on board as well).

wheretoplaygames’s picture

Category: Feature request » Support request

Mr Burnz: Thank you for your assist and for this amazing theme package. I'm still a Drupal noob, but have already come quite far on D8 by using AdaptiveThemes. I'm certainly not looking to throw you a big project right before the holidays. I really thought it would be as easy as copying the style from the Main Menu...

I'll keep an eye on the progress of this and find a workaround for now.

Cheers!