html - Place <div> above <nav> element -

i'm building website client using wordpress theme purchased off themeforest. this page in question, , contains following html:

<div class="container header-block">   <div class="logo">       <a href="http://test.doig.com.au/meyer/" class="site-logo-link" rel="home"></a>             <div class="site-description">                         <h3 class="sitename sitetitle"></h3>             <p class="tagline"></p>             </div>     </div>   <nav class="nav nav-horizontal"></nav>             </div> 

& css:

.header-left .logo {     overflow: hidden; } .logo {     padding: 0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {     margin: 0;     padding: 0;     border: 0;     outline: 0;     vertical-align: baseline;     background: transparent;     list-style: none; }  .header-site .nav {     text-transform: uppercase;     letter-spacing: 1px;     font-size: 1.3rem; } .header-site nav {     display: -webkit-flex;     -webkit-flex-direction: row;     -webkit-align-items: center;     display: flex;     flex-direction: row;     align-items: center;     margin: 0;     line-height: 40px; } .nav-horizontal {     display: block !important; } .nav {     vertical-align: middle;     display: inline-block; } 

i'd know how place logo above div, this website.

i've tried using css:

.nav-horizontal {   display: block !important; } 

but didn't work.

can please?

if question, want display logo above navigation. can achieve changing html.

as not want have navigation inside header, can erase it.

<div class="container header-block">   <div class="logo">     <a href="http://test.doig.com.au/meyer/" class="site-logo-link" rel="home"></a>     <div class="site-description">       <h3 class="sitename sitetitle"></h3>       <p class="tagline"></p>     </div>   </div> </div> 

afterwards can add again below header, wrapping inside container:

<div class="container">    <nav class="nav nav-horizontal"></nav> </div> 

the complete code this:

 <div class="container header-block">   <div class="logo">     <a href="http://test.doig.com.au/meyer/" class="site-logo-link" rel="home"></a>     <div class="site-description">       <h3 class="sitename sitetitle"></h3>       <p class="tagline"></p>     </div>   </div> </div> <!-- insert navigation --> <div class="container">    <nav class="nav nav-horizontal"></nav> </div> 

this clean method without changing of css stylesheets.