.tab-bar {
background-color: $dark-blue;
.tab-bar-section.middle {
-// left: 0;
-// right: 2.8125rem;
text-align: right;
}
}
#top-bar-wrapper {
- //position: absolute;
- //top: 40px;
width: 100%;
z-index: 99;
-/* @media #{$medium-down} {
- position: relative;http://localhost/wordpress/bayharbor/wp-content/uploads/sites/20/2018/03/sample-hotel-header-image.jpg
- top: 0;
- }*/
}
#top-bar-logo-wrapper {
display: block;
background: $dark-blue;
padding: 15px 45px;
width: 30%;
- //width: 220px;
- //height: 140px;
- //position: absolute;
z-index: 999;
- //box-shadow: 3px 3px 9px -1px black;
- //border-radius: 0 0 10px 10px;
- //top: -40px;
position: relative;
}
-#top-bar-logo-anniversary{
- position: absolute;
- bottom: -110px;
- left: 50%;
- transform: translateX(-50%);
- width: 80%;
- // box-shadow: 0px 4px 5px 0 rgba(0,0,0, .3);
-}
-#top-bar-logo {
- //position: absolute;
- //left: 10px;
- //top: 15px;
- //z-index: 9;
- //width: 200px;
-}
#top-bar-logo-mobile {
position: relative;
max-width: 200px;
<nav class="top-bar grid-3-7 text-center show-for-large-up opensearchserver.ignore" data-topbar role="navigation">
<section id="top-bar-logo-wrapper" >
<a id="top-bar-logo-link" href="<?php bloginfo('url')?>"><img id="top-bar-logo" src="<?php echo get_template_directory_uri();?>/assets/bay-harbor-logo.png" class="left"></a>
- <?php if( !is_page(355) && !is_home() && !is_single()){ ?>
- <a id="top-bar-logo-anniversary" href="<?php bloginfo('url')?>"><img id="top-bar-logo-anniversary" src="<?php echo get_template_directory_uri();?>/assets/anniversary.png" class="left"></a>
- <?php } ?>
</section>
<section class="top-bar-section">
<?php glm_theme_top_bar('top-bar'); ?>