Login Register in the Top Menu Bar

Hello I am trying to get the login/register to appear in the top menu bar but i cannot find the setting anywhere.

Can you please advise how i get this up here?

This is my page: https://lughnasabotanicals.ie/home-coffee/

Sorry I changed the link to this: https://lughnasabotanicals.ie/home-lughnasas/

I have worked out that i use a menu but cannot work out how i get:

“Register/Login” to appear for anyone who is not logged in.

Then when i am logged in that changes to “Logout”

Can you advise please.

Hello,

Thank you very much for choosing our theme and for contacting us.

By default, this header layout doesn’t have Login/Register link. But you can add it manually by placing the following code snippet to the functions.php file in the child theme.

add_filter( 'basel_header_configuration', 'basel_custom_header_configuration', 1, 1 );
function basel_custom_header_configuration() {
		return array(
			'container' => array(
				'wrapp-header' => array(
					'logo',
					'main_nav',
					'right-column' => array(
						'header_links',
						'search',
						'wishlist',
						'cart',
						'mobile_icon',
					)
				)	
			),
		);
}

Best Regards

Thanks very much for that code.

It sems to have moved the cart icon onto a line below the other 2 icons?

Can you advise how i get all these on the same line?

https://lughnasabotanicals.ie/home-lughnasas/

Hello,

Please increase “Right column width” in the Theme Settings > Header > Header Layout.

If you have any questions please feel free to contact us.

Best Regards

Amazing that has worked brilliant, thanks very much.

One final request, the topbar which has the phone number on the left.

https://lughnasabotanicals.ie/home-lughnasa/

Is it possible for me to put information in the top right?? Like email & social icons?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .topbar-wrapp.color-scheme-light .top-bar-left {
    text-align: right;
}

Best Regards

Thank you very much for this solution.

I think i might not have explained myself properly.

Can I put social links & an email address on the right side while still keeping the phone number on the left side?

Is this possible I think it could be a setting that i am missing maybe?

Hello,

Unfortunately, it is not possible.

As a trick you can create a menu that consists of email and social links (using custom links) and then assign this menu as a top bar menu, it would appear on the right.

Please remove the code I have provided.

Best Regards

Thank you so much for this.

Can you advise how i would put my social icons in a menu?

Do i do this with html or is there a shortcut?

Any advice would be much appreciated.

Hello,

Please create a menu in Appearance > Menu. Then add custom links, text, and icon as shown: https://gyazo.com/d15fd462dcd73e0a30bd933bb18b60ee

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts