Как я могу центрировать форму в верхней части этого сайта?

Question

Может ли кто-нибудь помочь мне разместить форму регистрации по электронной почте в верхней части этого сайта:

https://new.dariningelsnd.com/

Я почти уверен, что немного простого CSS может сделать это, но я не могу понять, какой класс или что-то здесь редактировать.

Заранее спасибо.

Answer 1

В классе col-lg-0 middle добавьте height: 33px; и display: block; или display: table-caption;

Answer 2

В вашем div с классом row-menu-inner у вас есть 2 div. Необходимо удалить последний div <div class="col-lg-12 menu-horizontal"></div>, и он будет корректировать вашу форму по центру, поскольку вы используете flex.

Answer 3

Я рекомендую использовать идентификатор, назначенный родительскому элементу формы, в случае, если назначенный класс назначен другим элементам.

CSS:

#form_id {
     display: block;
     margin: auto;
}

HTML:

<form id="form_id">
    ...
</form>