Forkme 리본 뒤로 숨는 문제 수정

Author: topframe

_includes/masthead

@@ -4,7 +4,6 @@
 
 <div id="masthead" class="masthead-no-image-header masthead-with-article-header">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<div class="small-12 columns">
     <header>
       {% if page.image.title %}
@@ -39,14 +38,14 @@
     {% include breadcrumb %}
     {% endif %}
 		</div><!-- /.small-12.columns -->
+		{% include forkme-ribbon %}
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
 {% else %}
 
 <div id="masthead" class="masthead-no-image-header">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<div class="small-12 columns">
       {% unless page.header.slogan_hidden %}
       <div id="slogan">
@@ -56,6 +55,7 @@
 			</div>
       {% endunless %}
 		</div><!-- /.small-12.columns -->
+		{% include forkme-ribbon %}
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
@@ -71,10 +71,10 @@
 
 <div id="masthead" class="masthead-with-text" style="{% if page.header.background-color %}background:linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,0)), {{ page.header.background-color }};{% endif %}{% if page.header.image_fullwidth %}{% elsif page.header.pattern %}background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.4)), url('{{ site.urlimg }}/{{ page.header.pattern }}'){% endif %}">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<div class="small-12 columns">
 			<div class="masthead-title">{{ page.header.title }}</div>
 		</div><!-- /.small-12.columns -->
+		{% include forkme-ribbon %}
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
@@ -100,7 +100,6 @@
 
 <div id="masthead" class="masthead-with-image-header masthead-with-article-header">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<div class="small-12 columns">
     <header>
       {% if page.image.title %}
@@ -131,6 +130,7 @@
     </p>
     {% endif %}
 
+		{% include forkme-ribbon %}
 		</div><!-- /.small-12.columns -->
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
@@ -143,7 +143,6 @@
 
 <div id="masthead" class="masthead-with-image-header">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<div class="small-12 columns">
       {% unless page.header.slogan_hidden %}
       <div id="slogan">
@@ -152,6 +151,7 @@
         </a>
 			</div>
       {% endunless %}
+			{% include forkme-ribbon %}
 		</div><!-- /.small-12.columns -->
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
@@ -178,10 +178,10 @@
 
 <div id="masthead" class="masthead-with-pattern" style="background: url('{{ site.urlimg }}/{{ page.header.pattern }}')">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<figure class="small-12 columns">
 			<img src="{{ site.urlimg }}/{{ page.header.image }}" alt="{{ site.title }}">
 		</figure><!-- /.small-12.columns -->
+		{% include forkme-ribbon %}
 	</div><!-- /.row -->
 </div><!-- /#masthead -->
 
@@ -205,10 +205,10 @@
 
 <div id="masthead" class="masthead-with-background-color" style="background: {{ page.header.background-color }};">
 	<div class="row">
-    {% include forkme-ribbon %}
 		<figure class="small-12 columns">
 			<img src="{{ site.urlimg }}/{{ page.header.image }}" alt="{{ site.title }}">
 		</figure><!-- /.small-12.columns -->
+		{% include forkme-ribbon %}
 	</div><!-- /.row -->
 </div><!-- /#masthead -->