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

19
layouts/index.html
View File

@ -12,7 +12,8 @@
{{ end }} {{ end }}
<header class="header-section {{ if isset .Site.Params.bigimg 0 }}has-img{{ 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 }}"> {{ if isset .Site.Params.bigimg 0 }}
<div class="intro-header big-img">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
@ -28,6 +29,22 @@
</div> </div>
<span class="img-desc" style="display: inline;"></span> <span class="img-desc" style="display: inline;"></span>
</div> </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">
<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>
</div>
</header> </header>

7
layouts/partials/header_wp.html
View File

@ -4,10 +4,15 @@
{{ end }} {{ end }}
<header class="header-section {{ if isset .Params.bigimg 0 }}has-img{{ 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" . }} {{ partial "header.html" . }}
<span class="img-desc" style="display: inline;"></span> <span class="img-desc" style="display: inline;"></span>
</div> </div>
{{end}}
<div class="intro-header no-img">
{{ partial "header.html" . }}
</div>
</header> </header>
{{ else }} {{ else }}
<div class="intro-header"></div> <div class="intro-header"></div>