<a class="top-logo" href="<?php echo get_page_link($aboutPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php feature_top_bar(); ?>
</section>
<section class="middle tab-bar-section">
<?php $aboutPage = get_page_by_title('About');?>
<?php if($aboutPage):?>
- <a class="top-logo" href="<?php echo get_page_link($aboutPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
+ <a href="<?php echo get_page_link($aboutPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
<?php endif;?>
<span>Book Now</span>
</section>
<a class="top-logo" href="<?php echo get_page_link($artPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-gallery.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php art_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($bayPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-gallery.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php bay_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($riverPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-crooked-river-lodge.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php river_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($bridgePage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-drawbridge-bistro.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php bridge_top_bar(); ?>
</section>
<div class="row show-for-large-up">
<a class="top-logo" href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-logo.png"></a>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php feature_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($perryPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-perry-hotel.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php perry_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($pierPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-peir-restaurant.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php pier_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($pointerPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/Staffords-oval.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php boat_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($vacationPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/Staffords-oval.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php vacation_top_bar(); ?>
</section>
<a class="top-logo" href="<?php echo get_page_link($weatherPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-the-weathervane.png"></a>
<?php endif;?>
</div>
-<div id="long-bar">
+<div id="long-bar" class="show-for-large-up">
<div class="row">
<div class="large-6 large-offset-4 columns">
- <nav class="top-bar text-left show-for-large-up" data-topbar role="navigation">
+ <nav class="top-bar text-left" data-topbar role="navigation">
<section class="top-bar-section">
<?php weathervane_top_bar(); ?>
</section>
<section class="middle tab-bar-section">
<?php $weatherPage = get_page_by_title('Weathervane Restaurant');?>
<?php if($weatherPage):?>
- <a class="top-logo" href="<?php echo get_page_link($weatherPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-the-weathervane.png"></a>
+ <a href="<?php echo get_page_link($weatherPage->ID);?>"><img src="<?php bloginfo('template_url'); ?>/assets/staffords-the-weathervane.png"></a>
<?php endif;?>
<span>Book Now</span>
</section>
background-position: 3px 50%;
}
aside.left-off-canvas-menu li.page_item_has_children a.toggle {
- @include off-canvas-arrow(down, $secondary-color);
- font-size: 0;
- height: 0;
- line-height: 0;
- padding: 0;
+ @include off-canvas-point(right, $purple);
+// font-size: 0;
+// height: 0;
+// line-height: 0;
+// padding: 0;
position: absolute;
right: 10px;
top: 13px;
- width: 0;
+// width: 0;
}
aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
- @include off-canvas-arrow(up, $secondary-color);
+ @include off-canvas-point(down, $red);
}
aside.left-off-canvas-menu ul.children {
display: none;
list-style: none;
li {
a {
- color: $white;
- font-size: rem-calc(20);
+ color: $purple;
+ font-size: rem-calc(16);
line-height: 150%;
- border-color: white;
}
a:hover {
color: black;
padding: 10px 0;
li {
a {
- color: $white;
+ color: $purple;
}
ul {
list-style: none;