Skip to content

Instantly share code, notes, and snippets.

@srikat srikat/style.css
Last active Aug 29, 2015

Embed
What would you like to do?
<div class="utility-bar">
<div class="wrap">
<?php echo do_shortcode( '[utility_bar_left]' ); ?>
<?php echo do_shortcode( '[utility_bar_right]' ); ?>
</div>
</div>
.wrap {
max-width: 1140px;
margin: 0 auto;
}
/* Utility Bar
--------------------------------------------- */
.utility-bar {
background-color: #333;
border-bottom: 1px solid #ddd;
color: #ddd;
font-size: 12px;
padding: 10px 0;
}
.utility-bar a {
color: #ccff33;
}
.utility-bar a:hover {
color: #ccff33;
text-decoration: underline;
}
.utility-bar .dynamik-widget-area {
background: transparent;
color: #ddd;
width: 50%;
}
.utility-bar .dynamik-widget-area p {
margin-bottom: 0;
}
#utility_bar_left {
float: left;
}
#utility_bar_right {
float: right;
text-align: right;
}
@media only screen and (max-width: 1140px) {
.utility-bar {
padding-left: 3%;
padding-right: 3%;
}
}
@media only screen and (max-width: 568px) {
#utility_bar_left, #utility_bar_right {
float: none;
text-align: center;
}
#utility_bar_left {
margin-bottom: 10px;
}
.utility-bar .dynamik-widget-area {
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.