How can I add some html in mobile navigation menu layered or collapsed

[Aft]

Hello,
I would like to further customize my mobile menu with a logo, some text in the bottom, etc. I could not find that option in the header builder. I also tried superfly menu which also did not had that option. Finaly, I would not like to use the modal option that you suggested to an other user. So is there a way to add some html in mobile menu? Thank you!

[jade]

Hi there,

You may add some custom HTML to the mobile menu by overriding the theme file that displays that area of the site using a child theme.

Once you have the child theme installed, login through FTP and copy the file _nav-primary.php from wp-content/themes/x/framework/legacy/cranium/headers/views/global/ then place it in wp-content/themes/x-child/framework/legacy/cranium/headers/views/global/.

You can then edit the _nav-primary.php that is in the child theme and you should find the line:

<a href="#" id="x-btn-navbar" class="x-btn-navbar collapsed" data-x-toggle="collapse-b" data-x-toggleable="x-nav-wrap-mobile" aria-selected="false" aria-expanded="false" aria-controls="x-widgetbar">
  <i class="x-icon-bars" data-x-icon-s="&#xf0c9;"></i>
  <span class="visually-hidden"><?php _e( 'Navigation', '__x__' ); ?></span>
</a>

You may add the HTML code there or further customizations.

Hope this helps.

[Aft]

Thank you @Jade! I’m glad there is a way to add some html on mobile menu!

[jade]

You’re most welcome!