Posted by auxiliaryjoel on Tue, May 14, 2019 - 10:12pm

I would like to wrap my main page logo and my Main menu inside 1 Div, in order to effect how they display together responsively on different screens.

I have a Home Layout that has the Primary Navigation and Logo ("Header Block") both sitting in the HEADER region on the Home Layout Editor.

In Inspector / Theme debugging the Template name suggestions are suggesting that these 2 blocks can't be controlled together by 1 template file.

In order to wrap them together in 1 div it looks like I will need to print (render) them within a template;
rather than just letting them appear as they currently do via the Layout's auto display.

Any ideas how I can do that?

(particularly menus as I'm not sure on the php terminology to render a menu)

Comments

Sun, May 19, 2019 - 11:12pm by auxiliaryjoel

hoping for some help on this one?

Wed, May 22, 2019 - 8:46am by laryn

It's not entirely clear to me what you are going to do, but I think I can help you find the code you are looking for. If you look in the core menu module, the function that implements 'hook_block_view' calls another function to display the menu, "system_menu_block_build".

By the name of this function (starting with "system_") we know that it exists in the core "system" module. You can also search the repository on github for this function name to find it. In this case it is in the "system.menu.inc" file.

Examining that code may provide some answers.

Tue, Jul 02, 2019 - 6:39pm by auxiliaryjoel

Am I right in thinking that "system_menu_block_build" would be referring to the CMS editor (Backdrop) Menu ?  I am wanting to render the Main Navigation menu that the general public will see. Is that also accessible via this?

Tue, Jul 02, 2019 - 8:04pm by auxiliaryjoel

I don't understand sorry. Is there any real-world examples you could give within the context of a .tpl.php file?

Wed, Jul 03, 2019 - 8:22am by docwilmot

Also not understanding your intent here sorry. Could we have a diagram or something?

Wed, Jul 10, 2019 - 10:06pm by auxiliaryjoel

I may have over-explained what my intention is.

So let me try again as simply as a I can:

There are 2 items @ top of my site that Backdrop CMS currently styles/controls via different files.

These are: The site Logo; and the Main Menu.

I wanted to wrap those 2 items into 1 div.

How would I do that?

Wed, Jul 31, 2019 - 9:01am by laryn

Does .l-header-inner do the job? On a fresh site I see that as the first parent div that wraps both of those blocks.