Show search icon on mobile

We need to show the search icon on mobile view next to the shopping cart and menu icons. How can I achieve this? Preferably it would be AJAX search. We are using the DOUBLE HEADER header type.

Hi,

You can enable search in Theme Settings -> Header -> Other. Check the screenshot https://gyazo.com/d3aa399c7b74232a776072e9ba64e7e4

Regards

Hi,

Thanks for the response, I have this enabled at the moment but no sign on of the search icon?

Thanks

Please, provide us your admin access so we can login and check this on your side.

Thank you in advance.

Ive added credentials to private content, thanks.

Are you able to provide us your FTP access also so we could troubleshoot it?

FTP Details in private content

Which folder contains your website wordpress installation?

/monza

Try to add the following PHP code snippet to the child theme functions.php file to do this

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(
					'wishlist',
					'search',
					'cart',
					'mobile_icon',
				)
			)	
		),
		'secondary-header' => array(
			'container' => array(
				'categories_menu',
				'search_extended',
			)
		)
	);
}

And this CSS snippet to the Custom CSS area for desktop devices

.right-column .search-button {
	display: none;
}

Thanks a bunch thats worked lovely, if i wanted to swap positions of search/menu is this easily done?

Try to add this CSS code for mobile devices

div.right-column .search-button {
	display: inline-block;
	float:none;
}

[Author]

Posts