Move page bar above header

Follow the steps below:


1) Go to Dashboard - Layout, get your pages gadget below your header again (like how it originally was)
2) Backup your template by going to Dashboard - Template - Backup/Restore - Download Full Templates.
3) Go to Dashboard - Template - Edit HTML - Proceed
4) Find the following lines:



 <div class='tabs-outer'>
    
<div class='tabs-cap-top cap-top'>
      
<div class='cap-left'/>
      
<div class='cap-right'/>
    
</div>
    
<div class='fauxborder-left tabs-fauxborder-left'>
    
<div class='fauxborder-right tabs-fauxborder-right'/>
    
<div class='region-inner tabs-inner'>
      
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
      
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    
</div>
    
</div>
    
<div class='tabs-cap-bottom cap-bottom'>
      
<div class='cap-left'/>
      
<div class='cap-right'/>
    
</div>
    
</div>



5) Cut these lines, and place them above <header> (just few lines above their original position)
6) Save your template.