I have a css file I am trying to hide from mobile and I cannot seem to get the code right any help would be appreciated.

Just wrap everything in a media query. Example:

@media (max-width: 1000px) {
  
}

Anything in there will then not be used for screens smaller than the given size. 

37 minutes ago, opentype said:

Just wrap everything in a media query. Example:

@media (max-width: 1000px) {
  
}

Anything in there will then not be used for screens smaller than the given size. 

I tried that and it's not hiding it on mobile and it breaks the code on desktop view

@media all and (min-width: 1000px) {
  
}