diff --git a/app/assets/javascripts/legislation.js.coffee b/app/assets/javascripts/legislation.js.coffee
index 8ed109482..26c0185c1 100644
--- a/app/assets/javascripts/legislation.js.coffee
+++ b/app/assets/javascripts/legislation.js.coffee
@@ -14,3 +14,10 @@ App.Legislation =
     $('form#draft_version_go_to_version select').on
       change: ->
         $('form#draft_version_go_to_version').submit()
+
+    $('#js-toggle-legislation-process-header').on
+      click: ->
+        $('[data-target="legislation-header-small"]').toggle()
+        $('[data-target="legislation-header-full"]').toggle()
+
+
diff --git a/app/views/legislation/draft_versions/_process_header.html.erb b/app/views/legislation/draft_versions/_process_header.html.erb
deleted file mode 100644
index 3c0c94d3f..000000000
--- a/app/views/legislation/draft_versions/_process_header.html.erb
+++ /dev/null
@@ -1,19 +0,0 @@
-<div class="legislation-hero legislation-allegation no-margin-top grey-heading">
-  <div class="row headline">
-    <div class="small-12 medium-7 column">
-      <h3><%= process.title %></h3>
-    </div>
-    <div class="small-12 medium-4 column right">
-      <a class="button-subscribed expanded button strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="#">
-        <span class="icon-checkmark-circle" aria-hidden="true"></span>
-        <h3>Suscrito</h3>
-      </a>
-    </div>
-  </div>
-
-  <div class="center half-gradient">
-    <a class="button big center button-circle" title="Ver info del proceso">
-      <span class="icon-angle-down" aria-hidden="true"></span>
-    </a>
-  </div>
-</div>
diff --git a/app/views/legislation/draft_versions/changes.html.erb b/app/views/legislation/draft_versions/changes.html.erb
index 0f2015cda..c158b9540 100644
--- a/app/views/legislation/draft_versions/changes.html.erb
+++ b/app/views/legislation/draft_versions/changes.html.erb
@@ -1,6 +1,6 @@
 <% provide :title do %><%= "#{@draft_version.title} - #{t('.title')} - #{@process.title}" %><% end %>
 
-<%= render 'process_header', process: @process %>
+<%= render 'legislation/processes/header', process: @process, header: :small %>
 
 <div class="column row">
   <%= render 'legislation/processes/key_dates', process: @process, phase: :allegations %>
diff --git a/app/views/legislation/draft_versions/show.html.erb b/app/views/legislation/draft_versions/show.html.erb
index 8ab20eea9..a1a1c15a2 100644
--- a/app/views/legislation/draft_versions/show.html.erb
+++ b/app/views/legislation/draft_versions/show.html.erb
@@ -1,6 +1,6 @@
 <% provide :title do %><%= "#{@draft_version.title} - #{@process.title}" %><% end %>
 
-<%= render 'process_header', process: @process %>
+<%= render 'legislation/processes/header', process: @process, header: :small %>
 
 <div class="column row">
   <%= render 'legislation/processes/key_dates', process: @process, phase: :allegations %>
diff --git a/app/views/legislation/processes/_header.html.erb b/app/views/legislation/processes/_header.html.erb
new file mode 100644
index 000000000..ecbd17dcd
--- /dev/null
+++ b/app/views/legislation/processes/_header.html.erb
@@ -0,0 +1,25 @@
+<% if header == :small %>
+  <div class="legislation-hero legislation-allegation no-margin-top grey-heading" data-target="legislation-header-small">
+    <div class="row headline">
+      <div class="small-12 medium-7 column">
+        <h3><%= process.title %></h3>
+      </div>
+      <div class="small-12 medium-4 column right">
+        <a class="button-subscribed expanded button strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="#">
+          <span class="icon-checkmark-circle" aria-hidden="true"></span>
+          <h3>Suscrito</h3>
+        </a>
+      </div>
+    </div>
+
+    <div class="center half-gradient">
+      <a class="button big center button-circle" title="Ver info del proceso" id="js-toggle-legislation-process-header">
+        <span class="icon-angle-down" aria-hidden="true"></span>
+      </a>
+    </div>
+  </div>
+
+  <%= render 'legislation/processes/header_full', process: @process, hidden: true %>
+<% else %>
+  <%= render 'legislation/processes/header_full', process: @process, hidden: false %>
+<% end %>
diff --git a/app/views/legislation/processes/_header_full.html.erb b/app/views/legislation/processes/_header_full.html.erb
index d631f8de5..e3f3420cf 100644
--- a/app/views/legislation/processes/_header_full.html.erb
+++ b/app/views/legislation/processes/_header_full.html.erb
@@ -1,4 +1,4 @@
-<div class="legislation-hero no-margin-top grey-heading">
+<div class="legislation-hero no-margin-top grey-heading" style="display:<%= hidden ? 'none' : 'block' %>" data-target="legislation-header-full">
   <div class="row headline">
     <div class="small-12 medium-7 column">
       <p class="grey"><%= t('.title') %></p>
diff --git a/app/views/legislation/processes/phase_empty.html.erb b/app/views/legislation/processes/phase_empty.html.erb
index 427339b82..6fb588faf 100644
--- a/app/views/legislation/processes/phase_empty.html.erb
+++ b/app/views/legislation/processes/phase_empty.html.erb
@@ -1,6 +1,6 @@
 <% provide :title do %><%= @process.title %><% end %>
 
-<%= render 'legislation/processes/header_full', process: @process %>
+<%= render 'legislation/processes/header', process: @process, header: :full %>
 
 <div class="row">
   <%= render 'legislation/processes/key_dates', process: @process, phase: @phase %>
diff --git a/app/views/legislation/processes/phase_not_open.html.erb b/app/views/legislation/processes/phase_not_open.html.erb
index 6bd82c969..0b3b90f01 100644
--- a/app/views/legislation/processes/phase_not_open.html.erb
+++ b/app/views/legislation/processes/phase_not_open.html.erb
@@ -1,6 +1,6 @@
 <% provide :title do %><%= @process.title %><% end %>
 
-<%= render 'legislation/processes/header_full', process: @process %>
+<%= render 'legislation/processes/header', process: @process, header: :full %>
 
 <div class="row">
   <%= render 'legislation/processes/key_dates', process: @process, phase: @phase %>
diff --git a/app/views/legislation/processes/show.html.erb b/app/views/legislation/processes/show.html.erb
index b24f7668b..410068831 100644
--- a/app/views/legislation/processes/show.html.erb
+++ b/app/views/legislation/processes/show.html.erb
@@ -1,6 +1,6 @@
 <% provide :title do %><%= @process.title %><% end %>
 
-<%= render 'header_full', process: @process %>
+<%= render 'legislation/processes/header', process: @process, header: :full %>
 
 <div class="row">
   <%= render 'key_dates', process: @process, phase: :debate %>