@media rules

I'm trying to merge my nav .links into the header while reverting it back to normal for mobile because of the sizing, but upon adding the below code, it just turns my media query into normal code

@media (max-width: 750px){
    .myspace-header .main-nav-wrapper {
        position: static;
        width: 100%;
      transform: none
    }
  }

Gets turned to this, removing the media rule altogether:

.myspace-header .main-nav-wrapper { position: static !important;
        width: 100% !important;
      transform: none !important }

But if I do this:

@media (max-width: 750px){
   body.profile-page main {
        background-color: blue
    }
  }

It works as intended so I'm not sure what the problem is. The original query I'm trying to use doesn't work even if it's the only code I put. I hope my explanation is comprehensive enough although it might be some silly mistake on my part

Ahh, my security is over-reaching and neutralizing it. I just opened those up for use so it should work for you now! 

If you run into any more issues let me know and we will fix it (: 

Def3ct wrote:
Ahh, my security is over-reaching and neutralizing it. I just opened those up for use so it should work for you now! If you run into any more issues let me know and we will fix it (: 

Thank you for the very quick response!!! ☺️