2016-07-10 6 views
0

Я хотел бы знать, как устранить пробел, который остается между двумя столбцами. Как только сайт будет просмотрен на мобильном телефоне, можно увидеть пробел (изображение 2). Я создал строку с 1/2 + 1/2 столбцами, она отлично выглядит при разрешении рабочего стола, но на мобильных устройствах вторая колонка скользит ниже первой, оставляя промежуток между ними (отмечен красным, вторым изображением).Как устранить разрыв столбцов в Visual Composer?

Опции текущей строки следующие: строка растяжения, пробел в столбце 0px, верхняя часть содержимого. Я не делал никаких дальнейших изменений, кроме описанных выше.

Я попытался установить верхнее и нижнее поле на 0px на оба столбца, то же самое.

Опять же, я проверил все параметры, и я начинаю думать, что для этого потребуется некоторый пользовательский CSS. Любой, у кого есть опыт работы с Visual Composer для WordPress, знаете, как исправить эту проблему?

Normal Row set as 1/2 + 1/2 columns

How it appears on a desktop

How the columns leave a gap when on mobile

+0

Без просмотра фактической страницы трудно помочь. –

+0

http://partnerstraining.com/provider-training-catalog/ – JCrush

ответ

1

Если вы нацелены на конкретные дивы.

Первая колонка:

.wpb_content_element { 
margin-bottom:0; 
} 

Вторая колонка:

Set padding-top:0; on .vc_column-inner 

<div class="wpb_column vc_column_container vc_col-sm-6"> 

Set it's margin-top: 0; 
+0

Visual Composer позволяет мне редактировать поля столбцов, хотя, попробуйте это и посмотрите. – JCrush

+0

только что заметил, что какой-то код не показывался –

+0

, похоже, полностью не устраняет пробел, вот что применялось до сих пор: .vc_column-inner { margin-top: 0; } .wpb_content_element { margin-bottom: 0; } .wpb_column .vc_column_container .vc_col-sm-6 { margin-top: 0px; } .vc_column-inner { padding-top: 0; } – JCrush

0
.wpb_column.vc_column_container.vc_col-sm-6 { 
margin-top: 0px; 
} 

, потому что эти CLA sses все на одном div, вы можете попробовать один или несколько из них, чтобы повлиять на результат, но без пробелов (см., как я их перепутал), но можете ли вы настроить таргетинг только тех, которые вы хотите, поскольку это во всей теме?

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

  • Нет связанных вопросов^_^