diff --git a/assets/common/application/menu/index.js b/assets/common/application/menu/index.js
index 651cfda96..60e0e4d0d 100644
--- a/assets/common/application/menu/index.js
+++ b/assets/common/application/menu/index.js
@@ -27,7 +27,8 @@ var Menu = new prime({
             dropdown: '.g-dropdown',
             overlay: '.g-menu-overlay',
             touchIndicator: '.g-menu-parent-indicator',
-            linkedParent: '[data-g-menuparent]'
+            linkedParent: '[data-g-menuparent]',
+            mobileTarget: '[data-g-mobile-target]'
         },
 
         states: {
@@ -257,7 +258,7 @@ var Menu = new prime({
     _checkQuery: function(mq) {
         var selectors = this.options.selectors,
             mobileContainer = $(selectors.mobileContainer),
-            mainContainer = $(selectors.mainContainer),
+            mainContainer = $(selectors.mainContainer + selectors.mobileTarget) || $(selectors.mainContainer),
             find;
 
         if (mq.matches) {
diff --git a/assets/common/js/main.js b/assets/common/js/main.js
index d2215113a..5f72e683c 100644
--- a/assets/common/js/main.js
+++ b/assets/common/js/main.js
@@ -48,7 +48,8 @@ var Menu = new prime({
             dropdown: '.g-dropdown',
             overlay: '.g-menu-overlay',
             touchIndicator: '.g-menu-parent-indicator',
-            linkedParent: '[data-g-menuparent]'
+            linkedParent: '[data-g-menuparent]',
+            mobileTarget: '[data-g-mobile-target]'
         },
 
         states: {
@@ -278,7 +279,7 @@ var Menu = new prime({
     _checkQuery: function(mq) {
         var selectors = this.options.selectors,
             mobileContainer = $(selectors.mobileContainer),
-            mainContainer = $(selectors.mainContainer),
+            mainContainer = $(selectors.mainContainer + selectors.mobileTarget) || $(selectors.mainContainer),
             find;
 
         if (mq.matches) {
diff --git a/engines/common/nucleus/particles/menu.html.twig b/engines/common/nucleus/particles/menu.html.twig
index d9448e44f..56f0a2309 100644
--- a/engines/common/nucleus/particles/menu.html.twig
+++ b/engines/common/nucleus/particles/menu.html.twig
@@ -92,7 +92,7 @@
     </ul>
 {% endmacro %}
 
-<nav class="g-main-nav" role="navigation">
+<nav class="g-main-nav" role="navigation"{{ particle.mobileTarget ? ' data-g-mobile-target' : '' }}>
     <ul class="g-toplevel">
         {{ _self.displayItems(menu.root, menu, gantry) }}
     </ul>
diff --git a/engines/common/nucleus/particles/menu.yaml b/engines/common/nucleus/particles/menu.yaml
index 7f93048c6..6fdc45d5b 100644
--- a/engines/common/nucleus/particles/menu.yaml
+++ b/engines/common/nucleus/particles/menu.yaml
@@ -41,3 +41,9 @@ form:
       label: Max Levels
       description: Set the maximum number of menu levels to display.
       default: 0
+
+    mobileTarget:
+      type: input.checkbox
+      label: Mobile Target
+      description: Check this field if you want this menu to become the target for Mobile Menu and to appear in Offcanvas
+      default: 0
\ No newline at end of file