How to add a custom link to the header menu

Hi there,

I would like to add a link to the menu right next to Sign In, together with an icon (following the same appearance as Sign in) so that on mobile, the text disappears and only the icon remains.

Does anyone know how to do this?

Many thanks in advance!


Yes, if you mean adding a custom link to this area it’s possible but requires code customizations. There may be a workaround if you use the existing menu in Appearance/Menus, and add an icon before its label.

Thank you! Any PHP snippet I could use to add this to the menu and make it always visible on the mobile version (same as the other icons that come with the ExpertHive template)?

Also I would like to add this link next to Sign in, when I add it via Appearance/Menus it goes to the left side of the header and I can’t add it with icons. How can I add an item to the header?

Please try this PHP snippet to add a link to the header, but please note that it can require further customization. If you are not familiar with the code customization then please consider hiring someone for custom work

		return hivepress()->template->merge_blocks(
				'site_header_menu' => [
					'blocks' => [
						'custom_header_link' => [
							'type' => 'content',
							'content' => '<a href="#" class="hp-menu__item hp-menu__item--custom-header-link hp-link"><i class="hp-icon fas fa-file-alt"></i><span>Custom text</span></a>',
							'_order' => 10,
1 Like

Thank you so much! It works :slight_smile:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.