.tab-bar {
margin: 0 -15px;
- top: 40px; }
- @media screen and (max-width: 589px) {
+ top: 35px; }
+ @media (min-width: 589px) {
.tab-bar {
- top: 15px; } }
+ top: 60px; } }
@media screen and (max-width: 501px) {
.tab-bar {
top: 0; } }
<ul id="interactive-map">
<li class="drop-centered menu-item menu-item-object-page menu-item-has-children has-dropdown not-click">
- <a href="<?php echo get_permalink(155); ?>">Day Trips</a>
+ <a href="<?php echo get_permalink(155); ?>">Day Trip</a>
<ul class="dropdown">
<div id="map">
}
.tab-bar {
margin: 0 -15px;
- top: 40px;
- @media screen and (max-width: 589px){
- top: 15px;
+ top: 35px;
+ @media (min-width: 589px){
+ top: 60px;
}
@media screen and (max-width: 501px){
top: 0;