How to switch header widget area and header links places?

Hi,

What should I do to make the header widget area go right and the header-links (such as search, cart and login) go left?

I’ve been able to swap the top bar widget areas easly, but the header areas is other issue…

Thanks in advance for your support and patience!

Hello,

Could you please specify which header layout are you currently using?

Regards

Hello,

Oops, my bad, I should have made that clear, of course! I’m using the “Logo Center” layout!

Thanks again 🙂

Hi,

Try to add the following code snippet to the functions.php file in your child theme to change it

add_filter( 'basel_header_configuration', 'basel_custom_header_configuration', 1, 1 );

function basel_custom_header_configuration() {

		return array(
			'container' => array(
				'wrapp-header' => array(
					'logo',
					'right-column' => array(
						'widget_area',
						'header_links',
						'search',
						'wishlist',
						'cart',
						'mobile_icon',
					)
				)
			),
			'navigation-wrap' => array(
				'container' => array(
					'main_nav'
				)
			)
		);
}

Regards

Hi again,

I’d like to have the left column as well as the right one. So, idealy, in the left column I’d have the header-links (search, cart and so on) and in the right column I’d have the widget area…

With the code you provided I get only the right column :/

Thanks!

I changed it to this, what do you think?


function basel_custom_header_configuration() {
return array(
'container' => array(
'wrapp-header' => array(
'left-column' => array(
'header_links',
'search',
'wishlist',
'cart',
),
'logo',
'right-column' => array(
'widget_area',
'mobile_icon',
)
)
),
'navigation-wrap' => array(
'container' => array(
'main_nav'
)
)
);
}


Actually, you can modify this array of elements as you wish to change elements positions.

Regards

[Author]

Posts