Ciao,
La soluzione che hai adottato è normale che non funziona in modalità responsive.
Per adattarlo a tutti i dispositivi devi usare le Media Queries.
Ho provato ad analizzare il tuo template e le Media Queries dovrebbero essere queste : (non ne sono sicuro però, senza aver il codice css sotto mano)
togli il padding-left: 450px; e inserisci questo codice, e cambi il valore 450px e metti il tuo valore corretto per il range --> vedi se ridimensionando lo schermo succede qualcosa.:
codice:
@media screen and (min-width: 992px) and (max-width: 1200px) {
.templatemo-top-menu .navbar-brand {
margin: 30px 450px auto!important; /*cambi il valore 450px e metti il tuo valore corretto per il range*/
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.templatemo-top-menu .navbar-brand {
margin: 30px 450px auto!important; /*cambi il valore 450px e metti il tuo valore corretto per il range*/
}
}
@media (max-width: 767px) {
.templatemo-top-menu .navbar-brand {
margin: 30px 450px auto!important; /*cambi il valore 450px e metti il tuo valore corretto per il range*/
}
}