Clean Commerce (Wen Themes)

This theme will cause residual styling. To overcome this we will use manual integration to replace the theme’s desktop and mobile menus via pluggable functions.

Manual Integration

We will override the theme’s desktop menu with UberMenu, and prevent the mobile menu from printing altogether, with these functions:

if( function_exists( 'ubermenu' ) ):
	function clean_commerce_add_primary_navigation(){
		ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); 
	}
	function clean_commerce_mobile_navigation(){
		return false;
	}
endif;

They should be added at the top of the child theme’s functions.php file.

Custom CSS

To account for the gap left where the mobile menu was, add this CSS in the Mobile CSS Tweaks

#page{
  margin-top:0;
}

Control Panel Settings

To re-center the inner menu, enable the Center Inner Menu Bar setting and set the Inner Menu Bar Width to 1170px