Home Forums Basel support forum Custom header Reply To: Custom header

#26133

Artem Temos
Keymaster

Hello,

We are glad to know that you considered using Basel for your web-site. I hope you will be happy with it.

1. Try to add this code snippet to the functions.php file in the 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',
					'widget_area',
					'right-column' => array(
						'search',
						'wishlist',
						'cart',
						'mobile_icon',
					)
				)
			),
			'navigation-wrap' => array(
				'container' => array(
					'categories_menu',
					'main_nav'
				)
			)
		);
}

2. Try to add the following code snippet to the Custom CSS area in Theme Settings

.secondary-header .mega-navigation {
	width: 20%!important;
}

3. Disable this menu from the top bar in Appearance -> Menus -> Manage Locations.

4. Add both search and your custom HTML to the header widgets area in Appearance -> Widgets.

5. Please, provide us your website link so we can take a look at it.

Kind Regards
Xtemos