Merge pull request #9322 from piwik/9250

Improve responsive layout header

1 files changed, 32 insertions, 0 deletions

diff --git a/plugins/CoreHome/stylesheets/layout.less b/plugins/CoreHome/stylesheets/layout.less
index 17740ecbc1..c5d8395dae 100644
--- a/plugins/CoreHome/stylesheets/layout.less
+++ b/plugins/CoreHome/stylesheets/layout.less
@@ -160,12 +160,44 @@
     .top_controls {
       height: auto;
 
+      #header_message.isPiwikDemo {
+        text-align: left;
+      }
+
       .isPiwikDemo,
       .piwikTopControl {
         position: static !important;
         margin: 0 0 10px;
         float: none;
         display: inline-block;
+        width: 100%;
+
+        .segmentationContainer {
+          .submenu {
+            width: 100%;
+          }
+          .segmentFilterContainer {
+            width:100%;
+            > input[type="text"] {
+              width: 100%;
+            }
+          }
+          .segmentList {
+            max-width: none;
+          }
+        }
+
+        .siteSelector {
+          width: 100%;
+
+          .custom_select_all a,
+          .custom_select_ul_list li a,
+          a.title,
+          a.title > span,
+          .dropdown {
+            max-width: none;
+          }
+        }
       }
       
       .isPiwikDemo {