Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Адаптивность в списке материалов и результатах фильтра

Started by registr , Nov 03 2015 14:55

Best Answer Cheren-dow , 03 November 2015 - 16:00

registr, для шаблона Uikit адаптивность под мобильные устройства существует, а в вашем случае для эффекта тизера были переписанны/переопределенны стили:

Попробуйте добавить стили:

@media (max-width: 767px) {

.uk-article-divider .item-column,
.layout-frontpage .jbzoo-item.jbzoo-item-subcategory_item {
    width: 100%;
    float: none;
}

}

Возможно поможет.

а если такая же задача для каталога на дефолтном шаблоне - как прописать в нем стили для мобильных?

Ответ на ваш вопрос вы найдете в этом сообщении.

Go to the full post

This topic is locked

3 replies to this topic

#1 registr

JBZoo User (rus)
User rate: 0
posts: 1210
topics: 345

Posted 03 November 2015 - 14:55

Вот страница категории http://cross.georgia...-bolshom-gorode
На мобильном все в кучу, и точно так же отображается список товаров когда применяется фильтр. Подскажите плиз, что прописать надо чтоб перестраивалось на малых экранах в один столбец, на планшетах - в 2 ряда?
И заодно - здесь шаблон Ulkit - а если такая же задача для каталога на дефолтном шаблоне - как прописать в нем стили для мобильных?

0

Back to top

#2 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 03 November 2015 - 16:00 Best Answer

registr, для шаблона Uikit адаптивность под мобильные устройства существует, а в вашем случае для эффекта тизера были переписанны/переопределенны стили:

Попробуйте добавить стили:

@media (max-width: 767px) {

.uk-article-divider .item-column,
.layout-frontpage .jbzoo-item.jbzoo-item-subcategory_item {
    width: 100%;
    float: none;
}

}

Возможно поможет.