Authorization menu

Hello @playinescape11

You can set up a navigation menu. Ultimate member offers functionality to display menu items based on the user’s logged-in/logged-out status.

Since you have icons and buttons in the header, you will have to write some CSS to style menu items and make them look like what you have in the layout.

Hello @playinescape11

You can add CSS to your theme’s style.css or customizer but I recommend you add CSS from Customizer and as theme update might wipe out your custom CSS codes if you are not using a child theme.

Please navigate to wp-admin > Appearance > Customize > Additional CSS and add your custom CSS

@playinescape11

I won’t be able to completely help but I can give you an example of what can be done.

add_action('wp_head',function(){
?>
<style>
	/* Icon style */
	.menu-item-88 > a  {
		font-size:0;
	}

	.menu-item-88 > a:before {
    	content: "\f013";
		font-family: "FontAwesome" !important;
		font-size:20px;
	}
	/* Button style */
	.menu-item-89 > a {
		border:1px solid #cd2653;
		border-radius:5px;
		padding:10px 20px;
		margin-top:-10px;
	}
</style>
<?php
});

You will also have to load font icon CSS if it is not already loaded by your theme or any of the plugins. I have added CSS with a hook that can be added to the functions.php file but you can only copy CSS part on your wp-admin > Appearance > Customize > Additional CSS and you will have to replace “menu-item-89” and “menu-item-88” with the class name generated on your menu’s li element.

I hope this helps.