Remove Sidebar From Mobile

I got a answer for anyone who is looking for it. Here is the code, it will even partially remove for some tablets:

@media (max-width:768px){
.sidebar{
display:none;
}
}

Use a media query to hide the sidebar on the screen sizes you don’t want it to appear on. You can put that in Appearance > Additional CSS or create a child theme and put it in your child theme’s style sheet.

girlllll you too late, but still thank you though ;-p

I have tried this as well as plenty of other suggestions and nothing has worked! Can anyone help me with the same problem?

The above code should definitely do the trick, unless you are using a template/theme that has replaced the default .sidebar class. URL?