# Header-Bereich vergößern

**URL:** https://forum.shopware.com/t/header-bereich-vergossern/4021
**Category:** Shopware 3.5
**Tags:** templates--design
**Created:** [23. August 2011 um 14:28 UTC](https://forum.shopware.com/t/header-bereich-vergossern/4021 "2011-08-23T14:28:51Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![lost\_prophet](https://avatars.discourse-cdn.com/v4/letter/l/dc4da7/32.png) [@lost\_prophet](https://forum.shopware.com/u/lost_prophet)
#### Post date: [23. August 2011 um 14:28 UTC](https://forum.shopware.com/t/header-bereich-vergossern/4021/1 "2011-08-23T14:28:51Z")

</div>

Hallo, ich würde gerne den Header-Bereich vergrößern, da dort noch mehr Inhalt hinein soll. Ich möchte im Prinzip die ganze Seite nach unten schieben, sodass über dem Logo etc. mehr Platz entsteht. Wie kann ich das am schnellsten realisieren? Bei meinen bisherigen Versuchen hat sich das ganze Template kreuz und quer verschoben. Dank und Gruß Christian

---

<div class="post-metadata">

### Author: ![Marcel\_Gortz](https://avatars.discourse-cdn.com/v4/letter/m/c77e96/32.png) [@Marcel\_Gortz](https://forum.shopware.com/u/Marcel_Gortz)
#### Post date: [23. August 2011 um 14:39 UTC](https://forum.shopware.com/t/header-bereich-vergossern/4021/2 "2011-08-23T14:39:20Z")

</div>

Was hast du denn bis jetzt versucht? Eigentlich musst du in der templates/deintemplate/frontend/\_resources/styles/style.css nur die id #header verändern.

---

<div class="post-metadata">

### Author: ![lost\_prophet](https://avatars.discourse-cdn.com/v4/letter/l/dc4da7/32.png) [@lost\_prophet](https://forum.shopware.com/u/lost_prophet)
#### Post date: [23. August 2011 um 16:03 UTC](https://forum.shopware.com/t/header-bereich-vergossern/4021/3 "2011-08-23T16:03:50Z")

</div>

Wenn ich div#header von 125px auf z.B. 155px ändere, verschiebt sich der Teil unter der Navigation. Anbei zwei Screenshots dazu. [http://imageshack.us/photo/my-images/844/vorher.jpg/](http://imageshack.us/photo/my-images/844/vorher.jpg/) [http://imageshack.us/photo/my-images/855/nachherl.jpg/](http://imageshack.us/photo/my-images/855/nachherl.jpg/)
