Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #106484
    skynet
    Participant

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

    #106527
    Mahesh
    Participant

    @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

    #106529
    skynet
    Participant

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

    #106600
    skynet
    Participant

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

    #106616
    Mahesh
    Participant

    @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

    #106619
    skynet
    Participant

    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.

    #106635
    Mahesh
    Participant

    @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

    #106636
    skynet
    Participant

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

    #106679
    Mahesh
    Participant

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

    Regards,
    Mahesh

    #106692
    skynet
    Participant

    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.

    #106732
    Mahesh
    Participant
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Disable Sidebar on Mobile’ is closed to new replies.