-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathheader-content.php
46 lines (36 loc) · 1.67 KB
/
header-content.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php
/**
* Header display content - a template part inside header.php
* Used when file 'header-content-{location}.php' doesn't exist in this child theme.
* - Using additional 'header-content-{location}.php' examples (see documentation for all):
* header-content-page.php
* header-content-single.php
* header-content-404.php
* @package Girder child theme for Wonderflux framework
*/
?>
<?php /* IMPORTANT - Mobile menu gets added to div id="header-content" via slicknav.js */ ?>
<div class="row" id="header-content">
<?php
/*
Note the use of Flux Layout CSS rules (sizes are relative to parent container)
Inside our 'row' we have some divs using the following classes:
- box-1-4 (1 quarter width)
- box-3-4 (3 quarters width)
- mq-small-min-box-1-1 (At media query 'small' minimum and smaller, go full width)
You can mix and match values if the CSS rule exists, please see Flux Layout
output in <head> of site for additional CSS rules: wf-css-flux-layout.php
*/
?>
<div class="box-3-4 mq-small-min-box-1-1 header-primary">
<div class="inside-std">
<h1 class="col-light"><a href="<?php echo home_url(); ?>/" title="Return to <?php esc_attr_e( get_bloginfo( 'name', 'display' ) ); ?> homepage" rel="home"><?php esc_html_e( get_bloginfo( 'name', 'display' ) ); ?></a></h1>
<h3 class="col-light">Hello - this is the WFX Girder demo child theme for Wonderflux.</h3>
</div>
</div>
<div class="box-1-4 mq-small-min-box-1-1 header-secondary">
<?php /*Note this doesnt have a .inside-std wrapper div - not required here thanks*/ ?>
<?php get_search_form(); ?>
<h5 class="col-light-alt"><?php esc_html_e( get_bloginfo( 'description', 'display' ) ); ?></h5>
</div>
</div>