[skynet]

Hello great CatchThemes Is there any way to disable sidebar on mobile? Not ipad or tablet but just mobile like iphone, samsung galaxy etc.

[Mahesh]

@skynet: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

@media screen and (max-width: 767px) {
    #secondary {
        display: none;
    }
}

Regards,
Mahesh

[skynet]

Thank you Great Maheseh! You are a CSS King!!
Work perfect!

[skynet]

Can i also disable sidebar on vertical IPAD mini and IPAD and other tablets? not on horizontal but only on vertical. Please help Mahesh.

[Mahesh]

@skynet: Add the following CSS:

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#secondary: {
		display: none;	
	}
}

Note: Remove the previous one.

Regards,
Mahesh

[skynet]

Unfortunatly the code don’t work because if i remove first CSS code you gived me, the second code don’t remove the sidebar on iphone. It’also don’t work on ipad vertical sidebar is here everywhere with this new CSS.

[Mahesh]

@skynet: Sorry, forgot about those, add the following CSS.

@media only screen 
  and (max-width: 768px)  
  and (orientation: portrait)  {
	#secondary: {
		display: none;	
	}
}

@media only screen 
  and (max-width: 736px) { 
	#secondary: {
		display: none;	
	}
}

Regards,
Mahesh

[skynet]

Hi Mahesh don’t know why but this CSS don’t work and im able too see sidebar on mobile

[Mahesh]

@skynet: Have you fixed this issue? I just checked your site on a mobile device, and sidebar is not displaying.

Regards,
Mahesh

[skynet]

Hi Mahesh, the sidebar is gone because i used the first css you give me but work only on mobile.
Other two css for stop display sidebar on vertical ipad still no working.

[Mahesh]

@skynet: Please refer to the following link.
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/#ipad-queries

Regarsd,
Mahesh

[Author]

Posts