# Topnavigation in Header schieben

**URL:** https://forum.shopware.com/t/topnavigation-in-header-schieben/20217
**Category:** Shopware 3.5
**Tags:** themes--design
**Created:** [11. Mai 2014 um 11:16 UTC](https://forum.shopware.com/t/topnavigation-in-header-schieben/20217 "2014-05-11T11:16:57Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![zumopeds](https://avatars.discourse-cdn.com/v4/letter/z/839c29/32.png) [@zumopeds](https://forum.shopware.com/u/zumopeds)
#### Post date: [11. Mai 2014 um 11:16 UTC](https://forum.shopware.com/t/topnavigation-in-header-schieben/20217/1 "2014-05-11T11:16:57Z")

</div>

Hallo, ich versuche gerade ein neues Template zu erstellen, aber ich komm mit der Topnavigation nicht klar. Ich habe ein Logo gemacht, das im unteren Teil transparent ist. in den transparenten Teil soll die Navigationsleiste rein. Leider klappt das nicht, da die Navileiste hinter einem Container sitzt, den ich nicht finde. Nach oben habe ich die Navileiste schon verschoben, aber sie wird verdeckt ☹ [Testseite](http://test101.power-netz.de/SHOPWARE/) Hat jemand vielleicht einen Tip für mich? Gruß

---

<div class="post-metadata">

### Author: ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)
#### Post date: [11. Mai 2014 um 12:42 UTC](https://forum.shopware.com/t/topnavigation-in-header-schieben/20217/2 "2014-05-11T12:42:54Z")

</div>

Hi, das overflow: hidden in #wrapper und einige Positionierungs-Angaben stehen sich im Weg. Nimm doch das Logo direkt in den Navigation oder als Hintergrundbild in html{…} statt es aus anderen Containern zu überlappen.

---

<div class="post-metadata">

### Author: ![KHO](https://avatars.discourse-cdn.com/v4/letter/k/eb8c5e/32.png) [@KHO](https://forum.shopware.com/u/KHO)
#### Post date: [11. Mai 2014 um 15:21 UTC](https://forum.shopware.com/t/topnavigation-in-header-schieben/20217/3 "2014-05-11T15:21:12Z")

</div>

.container\_20 { margin-top: 50px; } #mainNavigation { margin: -45px 0 0 122px; position: absolute; } Hier mal meine Anpassungen. Sauber ist das nicht, du solltest wenn es sich umgehen lässt nicht mit so vielen minus margins arbeiten. Aber ich denke so hattest du es dir gedacht? Grüße

---

<div class="post-metadata">

### Author: ![zumopeds](https://avatars.discourse-cdn.com/v4/letter/z/839c29/32.png) [@zumopeds](https://forum.shopware.com/u/zumopeds)
#### Post date: [11. Mai 2014 um 19:06 UTC](https://forum.shopware.com/t/topnavigation-in-header-schieben/20217/4 "2014-05-11T19:06:59Z")

</div>

@KHO…super danke, ja genau so meine ich es…das “position: absolute;” war der springende Punkt. Wieso sind die minus margins so schlecht? @brettvormkopp wie bekomme ich das Logo den direkt in die Navigation? Vorallem so, dass es dann an der richtigen Stelle steht? GRuß

---

<div class="post-metadata">

### Author: ![konsi](https://avatars.discourse-cdn.com/v4/letter/k/eada6e/32.png) [@konsi](https://forum.shopware.com/u/konsi)
#### Post date: [20. Oktober 2014 um 20:03 UTC](https://forum.shopware.com/t/topnavigation-in-header-schieben/20217/5 "2014-10-20T20:03:07Z")

</div>

Hallo, ich möchte die Topnavigation auch in den Header verschieben, kriege es aber nicht hin, möchte es unter dem Logo und der Suchleiste haben, einfach komplett durchgängig, aber scheitere schon daran das teil richtig zu positioneren kann mir jemand einen tipp geben? meine index.tpl habe ich so erweitert: [code]{extends file=‘parent:frontend/index/index.tpl’} {\* Shop header \*} {block name=‘frontend\_index\_navigation’}

{\* Trusted Shops \*} {if {config name=TSID}}  
[![{s name=‘WidgetsTrustedLogo’ namespace=‘frontend/plugins/trusted\_shops/logo’}{/s}]({link file=‘frontend/\_resources/images/logo\_trusted\_shop\_top.png’})

{s name=‘WidgetsTrustedLogoText2’} **Sicher** einkaufen  
Trusted Shops zertifiziert{/s}

]([https://www.trustedshops.com/shop/certificate.php?shop\_id=](https://www.trustedshops.com/shop/certificate.php?shop_id=){config name=TSID} “{s name=‘WidgetsTrustedLogo’ namespace=‘frontend/plugins/trusted\_shops/logo’}{/s}”)  
{/if} {\* Search \*} {block name=‘frontend\_index\_search’} {include file=“frontend/index/search.tpl”} {/block} {\* Language and Currency bar \*} {block name=‘frontend\_index\_actions’}{/block} {\* Shop logo \*} {block name=‘frontend\_index\_logo’}  
[{$sShopname}]({url controller=‘index’} “{$sShopname} - {s name=‘IndexLinkDefault’}{/s}”)  
{/block} {\* Shop navigation \*} {block name=‘frontend\_index\_checkout\_actions’} {action module=widgets controller=checkout action=info} {/block} {\* Maincategories navigation top \*} {block name=‘frontend\_index\_navigation\_categories\_top’} {include file=‘frontend/index/categories\_top.tpl’} {/block} {block name=‘frontend\_index\_navigation\_inline’} {if $sCompareShow}  
{action module=widgets controller=compare}  
{/if} {/block}

{/block}[/code]
