diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index f5217dc..1e8f635 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -1,5 +1,10 @@
+<script setup>
+import MobileToolbar from "@/components/Tools/MobileToolbar.vue";
+</script>
+
 <template>
   <div id="toproot">
+    <MobileToolbar></MobileToolbar>
     <div id="topbar">
       <a href="/">
         <img
@@ -13,10 +18,10 @@
           referrerpolicy="no-referrer"
           src="/topcode.png"/>
       <img
-          id="webmenubutton"
+          id="wepmenubutton"
           class="label_1"
           referrerpolicy="no-referrer"
-          src="/waptoptoolbarbuttom.png"/>
+          src="/waptoptoolbarbutton.png.png"/>
       <span id="rightcontent">
         <span class="toptext" id="hyal">
           <a href="/Examples"
@@ -180,7 +185,7 @@ export default {
   }
 }
 
-#webmenubutton
+#wepmenubutton
 {
   float: right;
   @include media-breakpoint-between(xs, md) {
diff --git a/src/components/Tools/MobileToolbar.vue b/src/components/Tools/MobileToolbar.vue
index 9047037..d527334 100644
--- a/src/components/Tools/MobileToolbar.vue
+++ b/src/components/Tools/MobileToolbar.vue
@@ -1,5 +1,5 @@
 <script setup>
-import FooterContent from './Tools/FooterContent.vue'
+import FooterContent from './FooterContent.vue'
 </script>
 
 <template>