Html + css configure wordpress themes to hide the sidebar when the screen is small

The title is long. For a responsive web site, many functions are implemented through @ media queries and Viewports. This site is now using the wordpress responsive theme of html5. Of course, there will also be js to implement Responsive, but I didn't know this knowledge, so I dare not describe it.

This topic has been used for some time. During small screen access, I always saw the wordpress page sidebar loaded and wanted to discard it. Some time ago I saw a few theme style.css files in @ media queries. It is found that this can be changed.

The following is the topic section @ media configuration:

Originally set:

 
  
  

   

    
The code is as follows:
    
Copy code
 
   
 
   

    
@ Media screen and (max-width: 768px) {# content, # sidebar {float: left; padding: 2%; width: 96%; display: none ;}}
 
 
   
  
 
The following is the prohibition effect through this method: