nemunaire/nemhugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix missing title when screen < 365px

Browse Source 
Fixed issue where title and subtitle disappear when screen width is
less than 365px
This commit is contained in:
Michael Romero 2017-03-09 09:52:17 -08:00
parent 917f5fef57
commit f1c6df1122
2 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
layouts/index.html
View File

@ -11,8 +11,26 @@
<div id="header-big-imgs" data-num-img={{len .Site.Params.bigimg}} {{range $i, $img := .Site.Params.bigimg}}data-img-src-{{add $i 1}}="{{$img.src}}" data-img-desc-{{add $i 1}}="{{$img.desc}}"{{end}}></div>
{{ end }}
<header class="header-section {{ if isset .Site.Params.bigimg 0 }}has-img{{ end }}">
<div class="intro-header {{ if isset .Site.Params.bigimg 0 }}big-img{{ else }}no-img{{ end }}">
<header class="header-section {{ if isset .Site.Params.bigimg 0 }}has-img{{ end }}">
{{ if isset .Site.Params.bigimg 0 }}
<div class="intro-header big-img">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="page-heading">
<h1>{{.Site.Title}}</h1>
{{if .Site.Params.subtitle}}
<hr class="small">
<span class="page-subheading">{{.Site.Params.subtitle}}</span>
{{end}}
</div>
</div>
</div>
</div>
<span class="img-desc" style="display: inline;"></span>
</div>
{{end}}
<div class="intro-header no-img">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
@ -26,7 +44,6 @@
</div>
</div>
</div>
<span class="img-desc" style="display: inline;"></span>
</div>
</header>

9
layouts/partials/header_wp.html
View File

@ -4,9 +4,14 @@
{{ end }}
<header class="header-section {{ if isset .Params.bigimg 0 }}has-img{{ end }}">
<div class="intro-header {{ if isset .Params.bigimg 0 }}big-img{{ else }}no-img{{ end }}">
{{ if isset .Params.bigimg 0 }}
<div class="intro-header big-img">
{{ partial "header.html" . }}
<span class="img-desc" style="display: inline;"></span>
</div>
{{end}}
<div class="intro-header no-img">
{{ partial "header.html" . }}
<span class="img-desc" style="display: inline;"></span>
</div>
</header>
{{ else }}