diff --git a/resources/vue/components/courseware/toolbar/CoursewareToolbar.vue b/resources/vue/components/courseware/toolbar/CoursewareToolbar.vue
index dc70348f1fe20858763f62c50283203cf8fca66c..8988a2251ce41e427a2ea2a0bad15a96cc98a359 100644
--- a/resources/vue/components/courseware/toolbar/CoursewareToolbar.vue
+++ b/resources/vue/components/courseware/toolbar/CoursewareToolbar.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="cw-toolbar-wrapper">
+    <div v-show="!consumeMode" class="cw-toolbar-wrapper">
         <div id="cw-toolbar" class="cw-toolbar" :style="toolbarStyle">
             <div v-if="showTools" class="cw-toolbar-tools" :class="{ unfold: unfold, hd: isHd, wqhd: isWqhd }">
                 <div id="cw-toolbar-nav" class="cw-toolbar-button-wrapper">
@@ -102,6 +102,7 @@ export default {
     },
     computed: {
         ...mapGetters({
+            consumeMode: 'consumeMode',
             relatedContainers: 'courseware-containers/related',
             structuralElementById: 'courseware-structural-elements/byId',
             toolbarActive: 'toolbarActive',
@@ -158,6 +159,7 @@ export default {
         ...mapActions({
             toggleToolbarActive: 'toggleToolbarActive',
             toggleHideEditLayout: 'toggleHideEditLayout',
+            setHideEditLayout: 'setHideEditLayout',
         }),
         activateTool(tool) {
             this.activeTool = tool;
@@ -199,6 +201,9 @@ export default {
     },
 
     watch: {
+        consumeMode(newState) {
+            this.setHideEditLayout(newState);
+        },
         containers(newValue, oldValue) {
             if (newValue) {
                 this.resetAdderStorage();
diff --git a/resources/vue/store/courseware/courseware.module.js b/resources/vue/store/courseware/courseware.module.js
index aeea3c07cbace52764c5e9e42a85d8525b706210..79aef8856ee4309dfa85e5977c1c49bc460747f7 100644
--- a/resources/vue/store/courseware/courseware.module.js
+++ b/resources/vue/store/courseware/courseware.module.js
@@ -1493,6 +1493,9 @@ export const actions = {
     toggleHideEditLayout({ commit, rootGetters}) {
         commit('setHideEditLayout', !rootGetters['hideEditLayout']);
     },
+    setHideEditLayout({commit}, state) {
+        commit('setHideEditLayout', state);
+    },
     setFeedbackSettings(context, feedbackSettings) {
         context.commit('setFeedbackSettings', feedbackSettings);
     },