diff --git a/package-lock.json b/package-lock.json
index 3c63322e..8bdefc69 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "2.3.11",
+  "version": "2.3.12",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@d-i-t-a/reader",
-      "version": "2.3.11",
+      "version": "2.3.12",
       "license": "Apache-2.0",
       "dependencies": {
         "@types/pdfjs-dist": "^2.7.4",
diff --git a/package.json b/package.json
index d8622230..25c42f0e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "2.3.11",
+  "version": "2.3.12",
   "description": "A viewer application for EPUB files.",
   "repository": "https://github.com/d-i-t-a/R2D2BC",
   "license": "Apache-2.0",
diff --git a/src/modules/highlight/TextHighlighter.ts b/src/modules/highlight/TextHighlighter.ts
index 5533a384..24ee198a 100644
--- a/src/modules/highlight/TextHighlighter.ts
+++ b/src/modules/highlight/TextHighlighter.ts
@@ -112,6 +112,12 @@ let NODE_TYPE = {
   TEXT_NODE: 3,
 };
 
+export enum MenuPosition {
+  INLINE = "inline",
+  TOP = "top",
+  BOTTOM = "bottom",
+}
+
 export const _blacklistIdClassForCssSelectors = [
   HighlightContainer.R2_ID_HIGHLIGHTS_CONTAINER,
   HighlightContainer.R2_ID_PAGEBREAK_CONTAINER,
@@ -131,6 +137,7 @@ let lastMouseDownY = -1;
 
 export interface TextHighlighterProperties {
   selectionMenuItems?: Array<SelectionMenuItem>;
+  menuPosition?: MenuPosition;
 }
 
 export interface TextHighlighterConfig extends TextHighlighterProperties {
@@ -168,6 +175,9 @@ export class TextHighlighter {
   ) {
     this.layerSettings = layerSettings;
     this.properties = properties;
+    if (this.properties.menuPosition == undefined) {
+      this.properties.menuPosition = MenuPosition.INLINE;
+    }
     this.api = api;
     this.hasEventListener = hasEventListener;
     this.options = this.defaults(options, {
@@ -1107,14 +1117,28 @@ export class TextHighlighter {
     let toolbox = document.getElementById("highlight-toolbox");
 
     if (toolbox) {
-      const paginated = this.navigator.view?.isPaginated();
-      if (paginated) {
-        toolbox.style.top =
-          rect.top + (this.navigator.attributes?.navHeight ?? 0) + "px";
+      if (this.properties?.menuPosition === MenuPosition.TOP) {
+        toolbox.style.left = "0px";
+        toolbox.style.transform = "revert";
+        toolbox.style.width = "100%";
+        toolbox.style.textAlign = "center";
+      } else if (this.properties?.menuPosition === MenuPosition.BOTTOM) {
+        toolbox.style.bottom = "0px";
+        toolbox.style.left = "0px";
+        toolbox.style.transform = "revert";
+        toolbox.style.width = "100%";
+        toolbox.style.textAlign = "center";
+        toolbox.style.position = "absolute";
       } else {
-        toolbox.style.top = rect.top + "px";
+        const paginated = this.navigator.view?.isPaginated();
+        if (paginated) {
+          toolbox.style.top =
+            rect.top + (this.navigator.attributes?.navHeight ?? 0) + "px";
+        } else {
+          toolbox.style.top = rect.top + "px";
+        }
+        toolbox.style.left = (rect.right - rect.left) / 2 + rect.left + "px";
       }
-      toolbox.style.left = (rect.right - rect.left) / 2 + rect.left + "px";
     }
   }
 
diff --git a/viewer/index_dita.html b/viewer/index_dita.html
index b0d98d84..4ce18ca3 100644
--- a/viewer/index_dita.html
+++ b/viewer/index_dita.html
@@ -1161,6 +1161,7 @@
                 ],
             },
             highlighter: {
+                menuPosition: "inline", // top, bottom, inline (inline is default)
                 selectionMenuItems: selectionMenuItems,
                 api: {
                     selectionMenuOpen: function() {