how to change top-bar to mobile break point

I found a way to change the top-bar to mobile break point switch at smaller screen widths then Forges default setting, it’s mainly useful to me to keep the top-bar menu for iPad when the menu is only a few short words and the client prefers it… This might not be the cleanest or proper approach but worked for me. Curious what others might say..

@media only screen and (min-width:48.013em) and (max-width:63.9375em){.fixed.show-for-large{display:block!important}.title-bar.hide-for-large{visibility:hidden}}