Dashboard 2.0 Top Bar Icon

Hi everyone,
In dashboard 2.0, I'm trying to change/override the hamburger icon of the top bar logo, but no luck so far. It's different than previous dashboard 1.x posts.
I tried using the <v-app-bar-nav-icon> component like in this Vuetify example (lines 5-8), but nothing happens in dashboard 2.0, the logo does not appear.
The following code has been tried:

<template>
  <v-card flat>
    <v-toolbar color="primary" dark extended flat>
      <v-app-bar-nav-icon>
        <img
          :src="'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABlBMVEX///+/v7+jQ3Y5AAAADklEQVQI12P4AIX8EAgALgAD/aNpbtEAAAAASUVORK5CYII'"
          style="padding-left: 1px"
        />
      </v-app-bar-nav-icon>
    </v-toolbar>
    <v-card class="mx-auto" max-width="700" style="margin-top: -64px">
      <v-toolbar flat> </v-toolbar>
    </v-card>
  </v-card>
</template>

I'm also open to any other ideas for how to customize the top bar logo. For example, is it possible to use a different component, or to modify the existing CSS?

Any help would be greatly appreciated!

Hi! Sorry for the delay in getting back to you. Unfortunately, this isn't possible currently, but if you don't mind opening an issue here then we can look at implementing it in the near future.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.