# Wie man die Kopfzeilenhöhe richtig erhöht?

**URL:** https://meta.discourse.org/t/how-to-properly-increase-header-height/141336
**Category:** Support
**Created:** [11. Februar 2020 um 22:14 UTC](https://meta.discourse.org/t/how-to-properly-increase-header-height/141336 "2020-02-11T22:14:56Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [11. Februar 2020 um 22:14 UTC](https://meta.discourse.org/t/how-to-properly-increase-header-height/141336/1 "2020-02-11T22:14:56Z")

</div>

Hallo,

ich möchte die Höhe des Headers erhöhen:  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/1/1/116af6ef3c1404a8985255a51861e00a335c9843_2_690x29.png)

um ein größeres Logo anzeigen zu können (der Header behält auf Mobilgeräten die Standardhöhe bei).

Ich habe einige Versuche unternommen, aber es nicht geschafft, da das Erhöhen der Höhe (und des oberen Randes des darunterliegenden Inhalts, damit der Header ihn nicht durch seine erhöhte Höhe verdeckt) dazu führte, dass die „Sticky“-Funktion gestört wurde. Das Scrollen wurde blockiert oder der Inhalt „sprang“ hin und her.

Gibt es einen richtigen Weg, die Header-Höhe zu erhöhen, ohne etwas zu beschädigen?

---

<div class="post-metadata">

### Author: ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey)
#### Post date: [12. Februar 2020 um 02:13 UTC](https://meta.discourse.org/t/how-to-properly-increase-header-height/141336/2 "2020-02-12T02:13:05Z")

</div>

Hast du versucht, anzupassen

```plaintext
#main-outlet {
    padding-top: 5.8572em;
}

```

Zum Beispiel

```plaintext
.d-header {
    height: 8em;
}
#main-outlet {
    padding-top: 9.8572em;
}

```

 ![](https://global.discourse-cdn.com/meta/original/3X/3/5/357c09c68bcb716223e514a79b6ea37f6ee2b90e.png)

 ![](https://global.discourse-cdn.com/meta/original/3X/b/1/b199ff8727e6ba3f7e211beb61739fdcb5b4de4a.png)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [12. Februar 2020 um 09:32 UTC](https://meta.discourse.org/t/how-to-properly-increase-header-height/141336/3 "2020-02-12T09:32:39Z")

</div>

Ja, habe ich. Ich sollte noch ergänzen, dass ich den Header etwa doppelt so hoch wie die ursprüngliche Höhe haben möchte, aber die Standardhöhe beibehalten, wenn er fixiert ist (was möglicherweise das Hauptproblem ist).

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [12. Februar 2020 um 20:33 UTC](https://meta.discourse.org/t/how-to-properly-increase-header-height/141336/4 "2020-02-12T20:33:31Z")

</div>

Na, ich habe es doch geschafft.  
Ich bin mir nicht sicher, warum ich auf solche Blockierungsprobleme gestoßen bin… Es gibt immer noch ein wenig Springen, aber das sind nur ein paar Pixel, sodass man es nicht sieht, wenn man nicht versucht, extrem langsam zu scrollen.  
Ich habe zudem benutzerdefinierte Inhalte über dem Header, was möglicherweise eine Rolle bei dem von mir erlebten Problem gespielt hat.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [13. März 2020 um 20:37 UTC](https://meta.discourse.org/t/how-to-properly-increase-header-height/141336/5 "2020-03-13T20:37:04Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.