diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss
index da5acfd2e..e7c1da854 100755
--- a/themes/modern2/assets/css/components/2-layout/responsive.scss
+++ b/themes/modern2/assets/css/components/2-layout/responsive.scss
@@ -703,6 +703,7 @@
         }
     }
     .subheader {
+        z-index: 12;
         &__inner {
             .close {
                 width: 20px;
diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css
index bef4d5ba4..6d4e395bf 100755
--- a/themes/modern2/assets/css/main.css
+++ b/themes/modern2/assets/css/main.css
@@ -2693,6 +2693,9 @@ li {
     margin: 5px;
   }
 
+  .subheader {
+    z-index: 12;
+  }
   .subheader__inner .close {
     width: 20px;
     height: 20px;