# Come aggiungere un pulsante all'area dell'intestazione?

**URL:** <https://meta.discourse.org/t/how-to-add-a-button-to-the-header-area/311749>\
**Category:** Development\
**Created:** [12 Giugno 2024, 1:07pm UTC](https://meta.discourse.org/t/how-to-add-a-button-to-the-header-area/311749 "2024-06-12T13:07:36Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [14 Giugno 2024, 5:39pm UTC](https://meta.discourse.org/t/how-to-add-a-button-to-the-header-area/311749/14 "2024-06-14T17:39:56Z")

</div>

Puoi anche posizionare la barra di ricerca fuori dal flusso con `position: absolute`.  
Non avrai più bisogno di `margin`.

```css
.floating-search-input-wrapper {
   position: absolute;
   left: 0;
   top: calc((4em - 2.6rem - 2px - 2px) / 2); /* altezza header - altezza search - margin - border */
   width: 100%;
}

```

Potrebbe essere necessario aggiungere una media query per controllare la larghezza su risoluzioni inferiori e assicurarsi che non si sovrapponga ad altri elementi.

---

_[View the full topic](https://meta.discourse.org/t/how-to-add-a-button-to-the-header-area/311749)._