Turning off mobile on ipads

Hi

On my ipad (also tried ipad pro) the site comes up as mobile view, all other sites are a desktop view on ipads, is there a way to make the Woodsmart theme only show the mobile site to mobile users?. I would much prefer ipad users to see the full site.

Thanks guys

Hi,

Yes, some parts of the website become smaller on iPads like header, products grid, images etc. Unfortunately, there is no way to control it without additional customization. In most cases, these elements don’t fit the screen well on iPad.

Regards

Hi, is their a way to show the site as normal on ipads? on my ipad pro all otehr sites look normal (desktop version) but on this theme I get the mobile version and its terrible for navigation on a large screen.

Going to have to change themes if it cant show the normal desktop version of the site on anything larger than a phone, like other sites do.

Thanks in advance

Hi,

It is how our theme designed. If you want, we can give you a custom CSS code to display our main navigation on tablet devices. Please, send us your website link.

Regards

Wow that would be brilliant thank you. Your support with this theme is the best I have ever seen on a theme.

I will send the details over shortly.

Thanks

Details attached to modify CSS Code, thanks

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

@media (min-width: 992px) {

	body .whb-top-bar-inner {
			height: 42px;
	}
	
	body .whb-general-header-inner {
			height: 105px;
	}

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

Thanks, that works to a degree. The slider then gets covered by the categories, and sub items in the categories go off the page.

Thanks

Try to replace that code with this one

@media (min-width: 992px) {

	body .whb-top-bar-inner {
			height: 42px;
	}
	
	body .whb-general-header-inner {
			height: 105px;
	}

	body .whb-header-bottom-inner {
			height: 50px;
	}
	
	body .whb-visible-lg,
	body .whb-hidden-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	body .whb-hidden-lg {
		display: none;
	}
	#woodmart-electronics_wrapper {
		padding-left: 290px!important;
	}
}

Thanks, will try that now. It says third line up !important is an error, shall I take ‘!important’ out?

Thanks

Do I put it in Global Custom CSS or Custom CSS for tablet ?

Thanks
Marc

Add it to the global CSS section.

Amazing, thank you. That worked on the ipad the slider. Just the sub category menu is still a bit off screen, is there a way to fix that?.

Hi,

Please, send us a screenshot of what is wrong now.

[Author]

Posts