how to show sidebar & footer in mobile/tablet version of theme?

Try adding this rule using a Custom CSS plugin (do not edit the theme files directly or your changes will be lost the next time you update the theme).

@media screen and (max-width: 1169px) {
   .site-content .widget-area {
      float: none;
      width: 100%;
      display: block;
   }
}

It doesn,t works 4 me…

Can you please post a link to your site?

now it works ….

just need to place ” display: block; ”

in

@mediascreen 600px
@mediascreen 400px
@mediascreen 960px
@mediascreen 1169px

script in stylesheet.css

thanx buddy

Great. Just know that you shouldn’t be making changes to the theme’s style.css or stylesheet.css file. The next time you update the theme, your changes will be lost. Either create a child theme or use a Custom CSS plugin. And if you don’t think you will ever update the theme, you should always be running the latest version in case there are security patches put in or changes that need to be made to accommodate changes to the WordPress core.

Please full css code.