How to make Vuetify navbar Responsive

Question

I have a problem that i created a navbar with Vuetify but it isn't responsive.

 <template>
     <v-app-bar app color="#00008B" dark class="px-8 my-nav">
       <v-btn icon>
        <v-icon color="E1F39E">{{icon}}</v-icon>
    </v-btn>
    <v-spacer> </v-spacer>
        <v-btn text>Startseite</v-btn>
        <router-link to="/Produkte"><v-btn text>Produkte</v-btn></router-link>
        <v-btn text>Dienste</v-btn>
        <v-btn text>Über uns</v-btn>
        <v-btn text>News</v-btn>
        <v-btn text>Kontakt</v-btn>
      </v-app-bar>
  </template>