How can I hide the sidebar in Mobile compliance mode.
The sidebar includes duplicate content that the footer also includes, which fills up space nicely on a desktop and laptop but looks repetitive when scrolling on a tablet or cell phone.
Note: I applied this code under custom CSS that works on another wp site but it did not do the trick for this theme:
/* Hide Sidebar on Mobile Devices */
@media only screen and (max-width: 800px) {
#sidebar{
display : none !important;
}}
