Joomla! България

Joomla! - Общи теми => Компоненти => VirtueMart => Темата е започната от: AngelinStoev в 27 Март, 2021, 10:47:53

Титла: Показване на различен брой колони на категориите и продуктите при мобилна версия
Публикувано от: AngelinStoev в 27 Март, 2021, 10:47:53
Здравейте колеги,

може ли някой да помогне с код/преработка така, че при мобилно сърфиране /телефон вертикална позиция/ да се показват по 2 колони, а не по-една както е в момента при мен и нека да си остане след като се завърти хоризонтално телефона, да са на 3 колони!

Отделно някой дали е успял да намери добро приложение за показване на меню при мобилна версия /платена версия/, че безплатните нестават!

https://bg-maistor.com/
Virtuemart 3
Joomla! 3.9.24

Благодаря предварително!
Титла: Re: Показване на различен брой колони на категориите и продуктите при мобилна версия
Публикувано от: AngelinStoev в 01 Април, 2021, 20:58:32
Докарах е до някъде :), с този код стават 2 колони вместа 1 на мобилен!

@media only screen and (max-width:640px) {
.browse-view .row > div,
.category-view .row > div {
    clear: none;
    float: left !important;
    width: 50% !important;
}

.horizontal-separator {
    clear: both;
}
}

Проблема е, че прави 2 колони на които 1-ви ред е с 2 продукта, 2-ри с един продукт, 3-ти пак с 2, 4-ти .... и така! Сигурно защото основните продукти при на декстоп версията на ред са 3.
Въпроса ми е какво мога да направя на декстоп версия да са по 3 на ред, а на мобилната версия да са по 2 на ред!

Благодаря предварителни!