Cách bật menu hamburger đáp ứng cho menu chân trang trong Infinity Pro

Một menu xuất hiện ở vị trí Footer Menu trong Infinity Pro sẽ xuất hiện mở rộng ở tất cả các chiều rộng ra khỏi hộp như thế này:

Nếu bạn muốn menu phụ này thu gọn thành menu bánh hamburger di động 800px trở xuống tương tự như menu tiêu đề (chính), chỉ cần chỉnh sửa Infinity Pro’s functions.php và thay đổi

// Define our responsive menu settings.
function infinity_responsive_menu_settings() {

	$settings = array(
		'mainMenu'         => __( 'Menu', 'infinity-pro' ),
		'menuIconClass'    => 'ionicons-before ion-ios-drag',
		'subMenu'          => __( 'Submenu', 'infinity-pro' ),
		'subMenuIconClass' => 'ionicons-before ion-chevron-down',
		'menuClasses'      => array(
			'others' => array(
				'.nav-primary',
			),
		),
	);

	return $settings;

}

đến

// Define our responsive menu settings.
function infinity_responsive_menu_settings() {

	$settings = array(
		'mainMenu'         => __( 'Menu', 'infinity-pro' ),
		'menuIconClass'    => 'ionicons-before ion-ios-drag',
		'subMenu'          => __( 'Submenu', 'infinity-pro' ),
		'subMenuIconClass' => 'ionicons-before ion-chevron-down',
		'menuClasses'      => array(
			'others' => array(
				'.nav-primary',
				'.nav-secondary',
			),
		),
	);

	return $settings;

}

Sau đó, người dùng sẽ cần phải nhấp vào nó để mở rộng và thu gọn theo ý muốn.