Как я могу минимизировать пространство над и под Мега Меню Wordpress и окном поиска?

Question

Я использую Wordpress Theme с Elementor и Mega Menu Plugin. Я хочу настроить пространство между окном поиска и мегаменю, как я упоминаю на картинке, для настольного и мобильного просмотра. Может кто-нибудь сказать мне, как это сделать, пожалуйста?

Вот сайт живой URL

Это желаемый результат:

Answer 1

Добавьте следующий CSS фрагмент в доступных стилях css file -

@media only screen and (max-width: 768px) {
    .vc_row.wpb_row.vc_custom_1578387376355 .wpb_column {
        margin-bottom: 0;
    }
}

Answer 2

измените ширину div на от 2 до 12 vc_column_container

 From: wpb_column vc_column_container vc_col-sm-2
 To: wpb_column vc_column_container vc_col-sm-12

, а также добавьте некоторые отступы в поле поиска в мобильном представлении, используя;

@media (max-width: 768px)
#s {
    padding: 10px;
}