<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row align-bottom logo"> <div class="col-sm-3 align-bottom"> <a href="/"><img src="/wp-content/themes/ussmidway/logo.svg" border="0" class="header_logo"></a> </div> <div class="col-sm-9"> <div class="row ozi_top_menu"> <div class="col-sm-12 text-right"> <span class="weather_admission_hours_box"> WEATHERPHPCODE <span class="admission_hours"><i class="fa fa-clock-o" aria-hidden="true"></i>MON-SUN 10AM-5PM</span> </span> <span class="language"><i class="fa fa-globe" aria-hidden="true"></i><a href="#">LANGUAGE</a></span> <span class="search"><a href="/search"><i class="fa fa-search" aria-hidden="true"></i>SEARCH<span> </div> </div> <div class="row"> <div class="col-sm-9 text-center"> <ul class="menu_items"> <li><a href="/visit">VISIT</a></li> <li><a href="/exhibits-activities">EXHIBITS</a></li> <li><a href="/education">EDUCATION</a></li> <li><a href="/give-join">GIVE & JOIN</a></li> <li><a href="/events">EVENTS</a></li> <li><a href="/contact">CONTACT</a></li> </ul> </div> <div class="col-sm-3 text-right"> <!-- BUY TICKETS --> <div class="vc_btn3-container vc_btn3-center" id="ozi_big_button"> <a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-block vc_btn3-icon-left vc_btn3-color-blue" href="/tickets/" title=""> <i class="vc_btn3-icon fa fa-thumbs-o-up"></i> BUY TICKETS</a></div> </div> </div> </div> </div> </div> </div>

div { border: 1px solid red; } .header_logo { width: 220px; height: auto; padding-top: 40px; padding-bottom: 30px; } #awesomeweatherwidget-2 { /* border: 1px solid red; */ display: inline-block; padding-left: 20px; padding-right: 20px; } span.admission_hours { font-size: 14px; } span.admission_hours i { padding-right: 5px; } .ozi_weather { font-size: 14px; } span.language { font-size: 14px; } span.language i { margin-left: 30px; padding-right: 5px; } span.search { font-size: 14px; } span.search i { margin-left: 30px; padding-right: 5px; } /* div { border: 1px solid red; } */ .menu_items { list-style-type: none; padding: 0px; margin: 0px; } .menu_items li { display: inline; margin-right:10px; margin-left:10px; }