2016-02-17 2 views
-1

На этом сайте http://exact-mats.myshopify.com/ мы хотим, чтобы высота белого пространства над логотипом была равна высоте пробега под ним.Как уменьшить пробел под topnav?

Я не могу найти правило CSS, чтобы это произошло.

Я могу видеть, что мы должны предназначаться что-то в

<nav class="top-menu"> 
.... 
    <div class="row"> 

Что мне не хватает? Какой CSS я могу изменить?

Спасибо.

+1

Мы не увидим весь ваш сайт. Пожалуйста, обратитесь к [как спросить] (http://www.stackoverflow.com/help/how-to-ask) –

+0

Вам нужно больше узнать о своем коде. CSS и HTML. – dbrree

+0

Я полностью понимаю. И я не уверен, что CSS влияет на высоту пробела. Поэтому не уверен, что включить CSS. Что касается HTML, я не уверен, какие элементы влияют на высоту, помимо дочерних элементов элементов верхнего и ряда классов. – magician11

ответ

1

Удалить позицию снизу с этикетки и выбрать внутри <div class="car-search"></div>

.car-search label, .car-search select {margin-bottom: 0} 
+0

Спасибо. Это здорово! – magician11

0

Установите высоту родительскому div из «.barge-menu-container», который является «.row» или просто добавляет к нему другого родителя, если вы не хотите изменять «.row». Я установил высоту 75px, и она работает. Когда вы используете «height: 100%;» для элемента, его родитель должен иметь предопределенную высоту для работы.

Тогда вам придется настроить выбора тегов с маржинальной/дополнения верхней

2

добавить

padding-bottom: 0; 

для строки ниже DIV

<div class="free-shipping">Free shipping on all orders</div> 

он сделал работу, когда я осмотрела и добавлено padding-bottom: 0;

+0

, который сработал! Благодаря! – magician11

0

Snapshot of new CSS

Добавить краю дна: -30px; В

.top меню .row { макс-ширина: 82.5rem;}

из ваших exact-mats.myshopify.com CSS

Если вы не можете изменить CSS за счет использования CSS третьей стороной, то

добавить новый класс CSS в
1 Каждая страница, на которой вы показываете свой логотип. 2. Если вы можете добавить этот класс в пользовательский .css-файл.

.top меню .row { краю дна: -30px; ! important}

Примечание: Я бы предпочел увеличить высоту пробела над верхней навигацией, чтобы он выглядел лучше, чем уменьшать пространство под ним. Чтобы сделать выше вещь. Либо добавьте следующий CSS.

.top меню .row { обивка-топ: 31px важно;}

Смежные вопросы