HEADER ON TABLET SHOULD GET DESKTOP MENU, NOT MOBILE MENU

Hi,

When I check my website on a tablet (ex: iPad Pro), I see that it gets displayed with the mobile menu.

However, I think that there should be enough space for displaying all elements as they are in the desktop view. So on tablet, I wanna display the desktop header.

How to do that?

Hello,

Add this code to the Theme Settings > Custom CSS > Global

@media (min-width: 991px) {

	body .whb-top-bar-inner {
			height: 30px;
	}
	
	body .whb-general-header-inner {
			height: 80px;
	}

	body .whb-header-bottom-inner {
			height: 40px;
	}
	
	body .whb-visible-lg,
	body .whb-hidden-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	body .whb-hidden-lg {
		display: none;
	}
}

Best Regards

[Author]

Posts