utilizo materialicecss al utilizar un elemento navbar requiero que para la version del escritorio el logo se encuentre en la izquierda pero al ingresar desde un movil el logo debe de estar a la derecha.
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">Logo</a>
</div>
</nav>
Sin embargo cuando ingresa desde la version movil el logo se centra; materilizecss tiene una clase right que alinea el logo hacia donde quiero pero lo hace en todas las vistas. cuál sería la configuracion correcta para que una clase esté activa cuando se ingrese desde un movil y desactiva cuando no lo haga.