# Как добавить кнопку в область заголовка?

**URL:** <https://meta.discourse.org/t/how-to-add-a-button-to-the-header-area/311749>\
**Category:** Development\
**Created:** [12.Июнь.2024 13:07:36 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:** 17

<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:** [15.Июнь.2024 16:27:47 UTC](https://meta.discourse.org/t/how-to-add-a-button-to-the-header-area/311749/17 "2024-06-15T16:27:47Z")

</div>

Вы можете добавить этот CSS, чтобы логотип располагался над полем поиска.

```css
.home-logo-wrapper-outlet {
    z-index: 1;
}

```

У вас есть ещё одно решение с использованием CSS для `floating-search-input`, чтобы не возиться с боковыми отступами (обязательно удалите стили для `floating-search-input-wrapper`):

```css
.floating-search-input {
    position: absolute;
    left: 0;
    transform: translateX(calc(50vw - (33rem / 2)));
}

```

 ![На этом изображении показан заголовок сайта PVPFarm, включающий строку поиска, пункты навигационного меню, такие как «Giris Yap» (Войти) и «Kayit Ol» (Зарегистрироваться), а также плавающее поле поиска с координатным значением «45.25 - 43.02». (Подпись сгенерирована ИИ)](https://global.discourse-cdn.com/meta/original/4X/2/4/3/243fec2f7b14d3a6e0baa32af9f8298778f17dbf.png)

---

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