I would like to have all my categories in the Mega Menu stay on the line below the logo, search, mini cart line and not move up when the screen width is reduced for the desktop view.

I found this code and changed the 1150 below to 2000 and it worked.  Is this correct?  

@media screen and (min-width: 1150px) {

    .header {
        padding: 0 0 25px;
    }
    .header-menu {
      margin: 0 30% 0 25%;
        padding: 0;
        clear: none;
    }
        .header-menu > ul {
            text-align: left;
        }

}


I then tried to paste this code in the Admin Custom Head Styles but it did not work.