Salve a tutti, nella Header, avrei necessità di spostare il blocco di ricerca a sinistra, mentre che l'header logo sia posizionato esattamente al centro della sezione Header. Ho provato tramite css, ma il risultato non è quello che voglio.. praticamente vorrei scambiare le posizioni del blocco della ricerca e quello del logo. Vorrei effettuare la modifica proprio a livello di html, in modo che il Div del blocco di ricerca sia esattamente prima del div dell'header logo. Mi spiego meglio.. vorrei che il risultato finale fosse:
NON COSI:
<div class="row">
<div id="header_logo">
<a href="http://www.showroom-vea.com/" title="Showroom | VEA">
<img class="logo img-responsive" src="http://www.showroom-vea.com/img/showroom-vea-logo-1457090859.jpg" alt="Showroom | VEA" width="653" height="208">
</a>
</div>
<!-- Block search module TOP -->
<div id="search_block_top" class="col-sm-4 clearfix">
<form id="searchbox" method="get" action="//www.showroom-vea.com/index.php?controller=search">
<input type="hidden" name="controller" value="search">
<input type="hidden" name="orderby" value="position">
<input type="hidden" name="orderway" value="desc">
<input class="search_query form-control ac_input" type="text" id="search_query_top" name="search_query" placeholder="Cerca" value="" autocomplete="off">
<button type="submit" name="submit_search" class="btn btn-default button-search">
<span>Cerca</span>
</button>
</form>
</div>
<!-- /Block search module TOP -->
..MA COSI:
<div class="row">
<!-- Block search module TOP --><div id="search_block_top" class="col-sm-4 clearfix">
<form id="searchbox" method="get" action="//www.showroom-vea.com/index.php?controller=search">
<input type="hidden" name="controller" value="search">
<input type="hidden" name="orderby" value="position">
<input type="hidden" name="orderway" value="desc">
<input class="search_query form-control ac_input" type="text" id="search_query_top" name="search_query" placeholder="Cerca" value="" autocomplete="off">
<button type="submit" name="submit_search" class="btn btn-default button-search">
<span>Cerca</span>
</button>
</form>
</div><!-- /Block search module TOP --><div id="header_logo">
<a href="http://www.showroom-vea.com/" title="Showroom | VEA">
<img class="logo img-responsive" src="http://www.showroom-vea.com/img/showroom-vea-logo-1457090859.jpg" alt="Showroom | VEA" width="653" height="208">
</a>
</div>
Vi allego anche un'immagine del risultato che vorrei ottenere.. come ho detto voglio evitare di modificare il css, ma proprio i file di configurazione..
Grazie mille anticipatamente a chiunque mi aiuti!