+body.header-compact:not(.template-transparent-header)
+ padding-top: 65px
+
header.site
center()
position: relative
z-index: 10
- // Mini header style
- &.header-mini
+ // Mini header style - used for default template and also triggered
+ // on hero-content pages when .header-compact class is added upon scroll
+ .header-compact &
position: fixed
+ top: 0
+ left: 0
max-width: none
width: 100%
background-color: #003e65
// Mini version of header - when this class is applied to a parent,
// symbol should hide and logo text should scale down smoothly
- .header-mini &
+ .header-compact header.site &
max-width: 235px
margin: 0 10px 15px 4px
.logo-symbol
&-text
width: 77.97% // Proportional width of text from original full logo
- // Override text colour when on home page
- .home &
- path, rect
- fill: #fff
+ // Override text colour (previously only for home, now it's white in all uses)
+ path, rect
+ fill: #fff
.navigation
<!doctype html>
<html @php(language_attributes())>
@include('partials.head')
- <body @php(body_class())>
+ {{-- When not using the hero image header template the compact header is set --}}
+ <body @php(body_class( is_page_template('views/template-transparent-header.blade.php') ? '' : 'header-compact' ))>
@php(do_action('get_header'))
@include('partials.header')
<div class="wrap container" role="document">
+++ /dev/null
-{{--
- Template Name: Custom Template
---}}
-
-@extends('layouts.app')
-
-@section('content')
- @while(have_posts()) @php(the_post())
- @include('partials.page-header')
- @include('partials.content-page')
- @endwhile
-@endsection
--- /dev/null
+{{--
+ Template Name: Transparent Header
+--}}
+
+@extends('layouts.app')
+
+@section('content')
+ @while(have_posts()) @php(the_post())
+ @include('partials.page-header')
+ @include('partials.content-page')
+ @endwhile
+@endsection