Suche neben Blocktopmenu plazieren -> Was muß ich ändern?

[gevaube]

Hallo,

ich nutze das Standardtemplate und die prestashop_1.6.1.4_de und würde die Suche Blocksearch gerne wie auf dem Bild zu sehen neben dem Blocktopmenu anordnen. Kann mir jemand sagen wie ich das am Besten mache?

Bei kleinen Bildschirmen sollen Blocktopmenue (Horizontale Navigationsleiste v2.2.3) und Blocksearch (Block Schnellsuche v1.7.0) auf 100% skaliert untereinander stehen. Auf großen Bildschirmen soll Blocktopmenu 8 Spalten breit und Blocksearch 4 Spalten breit sein (siehe Bild).

Schon jetzt herzlichen Dank für Eure Unterstützung

Georg

 

Mein  Code sieht bislang so aus:

<div class="header-container">
<header id="header">
<div class="nav">
<div style="background-color:#28343E">
<div class="container">
<div class="row">
<div id="header_logo">
<div class="col-sm-4 clearfix">
<div id="layer_cart">
<div class="layer_cart_overlay"></div>
<div id="block_top_menu" class="sf-contener clearfix col-lg-12" style="float:left;">
<div class="cat-title">Menü</div>
<ul class="sf-menu clearfix menu-content sf-js-enabled sf-arrows">
<li class="">
<li>
<li>
</ul>
</div>
<div id="search_block_top" class="col-sm-4 clearfix" style="float:right;width:100%;padding-top:0px;">
<form id="searchbox" action="//www.domainname.de/store/suche" method="get">
<input type="hidden" value="search" name="controller">
<input type="hidden" value="position" name="orderby">
<input type="hidden" value="desc" name="orderway">
<input id="search_query_top" class="search_query form-control ac_input" type="text" value="" placeholder="Suche" name="search_query" autocomplete="off">
<button class="btn btn-default button-search" name="submit_search" type="submit">
<span>Suche</span>
</button>
</form>
</div>
</div>
</div>
</div>
</header>
</div>

Edited April 20, 2016 by gevaube (see edit history)

[gevaube]

Hallo,

ich bin einen Schritt weiter. Nunstehen beide Boxen nebeneinander und floaten auch schön. Jedoch entfaltet sich das Menü bei kleinen Bildschirmgrößen nicht mehr wen ich auf das + klicke. Sieht jemand den Fehler?

<div class="row">
<div id="block_top_menu" class="sf-container clearfix col-sm-12 col-md-8">
<div class="cat-title">Menü</div>
<ul class="sf-menu clearfix menu-content sf-js-enabled sf-arrows">
<li>
<li>
<li>
</ul>
</div>
<div id="search_block_top" class="sf-container clearfix col-sm-12 col-md-4">
</div>

.

[gevaube]

Thema hat sich erledigt. Habe das Menu neu installiert und die menuinterne Suche (hatte ich vorher in der Modulkonfiguration übersehen) mit einem Button versehen.

Edited April 21, 2016 by gevaube (see edit history)