Simplified header

Hello,

I was wondering if it’s possible to have the simplified header but with id connection for the customer : “Hello, customer id“. Please see attachment header.jpg

Thank you

Attachments:

You must be logged in to view attached files.

Hi,

By default, this header layout doesn’t have Login/Register link. But you can add it manually 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',
					)
				)	
			),	
	);
}

Regards

Ok but I don’t have child theme… Do I have to create it ?

Yes, you need to set up a child theme to prevent losing changes in the future.

It worked, but the design is not very convincing… please look at the screenshot “header”. How can I do to have the same presentation as the screenshot “header-example” please ?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

You need to increase the width of the right column. Navigate to the Theme settings > Header > Header layout http://prntscr.com/ksqo5q

Best Regards

Ok thanks it worked nicely. But there is a little issue. In the classic header, everything is perfect. But in the sticky header, there is a little right space between add to cart icon and the right side off the site (see attachments). Is it possible to add a little css snippet to correct this ?
Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access.

Best Regards

Hello,

It is because of the following CSS code snippet you added to the Custom CSS area https://gyazo.com/fa81fe638b713102555d1307c5e7fe01

Regards

Yes indeed, but if I don’t add this snippet, this is the sticky header navigation that is not correctly aligned…

Attachments:

You must be logged in to view attached files.

Please, remove all your custom CSS code and we will help you align the menu properly.

Ok thanks. It’s done.

You still have CSS code that breaks the header layout https://gyazo.com/43bb830d69fb8661a4296155b16f16cb

Sorry, now it should be good.

Now set menu align to center in Theme Settings -> Header -> Main menu.

I’m sorry to bother you, but it’s not working. The header is not centered when I click “center”.

Attachments:

You must be logged in to view attached files.

It is perfectly centered between your logo and right column elements https://gyazo.com/298fef2bf653c575aee5f2c724065fea

Yes but you have a larger screen. On smaller screen it’s not centered. Check the attachment…

Attachments:

You must be logged in to view attached files.

Try the following CSS code

.right-column {
    width: 18%;
}

This is the best version from far. It’s working on full width 13 inch screen (see attachment) even if the account name is higher than the wishlist and cart…

But on smaller screen, like 11 inch it’s problematic : see attachment 2 please.

Attachments:

You must be logged in to view attached files.

Try to replace it with the following and play with size a bit

.site-logo, .right-column {
    width: 20%;
}

Ok ! I found the “perfect” size.
I think we are good ! Thank you very much for your time and patience.

Have a nice day

Great, you are welcome!

[Author]

Posts