[Resolved] Display "Before Header Content" hook on mobile

[themedleb]

Hello,

I’m wondering how I can display “Before Header Content” hook on mobile.

[themedleb]

By the way, I’m using Mobile Header option.

[Leo]

Hi there,

Unfortunately the mobile header strips the normal header element which includes before header content hook.

[Tom]

You can use this hook instead: https://docs.generatepress.com/article/generate_inside_mobile_header/

[themedleb]

Thank you Leo and Tom,

How can I use this hook? I just see names “generate_inside_mobile_header” and “#mobile-header”, where am I going to insert my HTML code?

[themedleb]

Oh, okay I think I know how, I will put this thread as resolved when I’m done.

Thank you.

[themedleb]

I tried it, It worked, but shortcodes are not supported.

[Leo]

Shortcodes are supported in hook.

Can you show me the full code?

[themedleb]

add_action( 'generate_inside_mobile_header','mobile_header_extra' );  
function mobile_header_extra() { ?> 

<div class="user-area-menu">
[elementor-template id="5408"]
</div>

<div class="social-media-menu">
[elementor-template id="5415"]
</div>
  
<?php }

[Leo]

Try this method: https://generatepress.com/forums/topic/showing-icons-on-mobile-nav/#post-393311

[themedleb]

Thank you, it worked.

[Leo]

No problem!

[Author]

Posts