diff --git a/src/components/Tools/MobileToolbar.vue b/src/components/Tools/MobileToolbar.vue
new file mode 100644
index 0000000..98f86dc
--- /dev/null
+++ b/src/components/Tools/MobileToolbar.vue
@@ -0,0 +1,23 @@
+<template>
+  <div id="mobilebarroot"></div>
+</template>
+
+<script>
+export default {
+  name: "MobileToolbar"
+}
+</script>
+
+<style scoped lang="scss">
+@import "node_modules/bootstrap/scss/_functions.scss";
+@import "node_modules/bootstrap/scss/_variables.scss";
+@import "node_modules/bootstrap/scss/_mixins.scss";
+
+#mobilebarroot{
+  background-color: black;
+  @include media-breakpoint-between(xs, md) {
+  }
+  @include media-breakpoint-up(md) {
+  }
+}
+</style>