Utility Bar in Dynamik. https://sridharkatakam.com/utility-bar-in-dynamik/

gistfile1.txt

<div class="utility-bar">
  <div class="wrap">
    <?php echo do_shortcode( '[utility_bar_left]' ); ?>
    <?php echo do_shortcode( '[utility_bar_right]' ); ?>
  </div>
</div>

style.css

.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%;
	}

}