diff --git a/app/assets/stylesheets/partials/_header.scss b/app/assets/stylesheets/partials/_header.scss index 2cb42379..6704ea3d 100644 --- a/app/assets/stylesheets/partials/_header.scss +++ b/app/assets/stylesheets/partials/_header.scss @@ -51,6 +51,16 @@ align-items: center; gap: 24px; } + + @media (max-width: 550px) { + flex-direction: column; + + .main-navigation { + width: 100%; + justify-content: flex-start; + padding-top: 28px; + } + } } .divider { diff --git a/app/views/layouts/_site_header.html.erb b/app/views/layouts/_site_header.html.erb index 49332e99..bd152ea4 100644 --- a/app/views/layouts/_site_header.html.erb +++ b/app/views/layouts/_site_header.html.erb @@ -18,13 +18,12 @@ <%= ENV.fetch('PLATFORM_NAME') %> <% end %> - + <% if Feature.enabled?(:geodata) %> + + <% end %> <%= render partial: 'search/form' unless Feature.enabled?(:geodata) %>