WebSite X5Help Center

 
Bahadır  A.
Bahadır A.
User

Mobile view  en

Автор: Bahadır A.
Просмотрено 1728, Подписчики 1, Размещенный 0  

hi 

i have a problem mobile view in shoping chart i want to se two row 

how can i do 

thanks

www.miractesbih.com/mobile

Размещено
7 Ответы - 2 Полезно - 1 Корректно
Esahc ..
Esahc ..
Moderator

Bahadır, unfortunately you don't have much control of mobile layout, but I have found that under many circumstances I can work around the problem for the vast majority of phones by adding an extra resolution.

Step 2, Resolution and Responsive Design and add 320px resolution.

There are very few phones with only 320px resolution and in the past WX5 has allowed 2 columns at 320-480px.

If this does not work I apologise.

Читать больше
Размещено От Esahc ..
Bahadır  A.
Bahadır A.
User
Автор

i tried but not work

my mobaile phone samsung galaxy s7 , many people use that type of phone 

i need 320 -480 px 2 columns

i think must :(

Читать больше
Размещено От Bahadır A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
Bahadır A.
i tried but not work my mobaile phone samsung galaxy s7 , many people use that type of phone  i need 320 -480 px 2 columns i think must :(
   (It > En) ... I don't know if I understand, ... but if you want to divide into two columns below 480px, with the EXTRA code you could get a result similar to the STAMP of this simulation:

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Bahadır  A.
Bahadır A.
User
Автор

yes this is ok

how can i get extra code KolAsim ‪

Читать больше
Размещено От Bahadır A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
Bahadır A.
yes this is ok how can i get extra code KolAsim ‪

...OK ...  ... paste the code in this section:
>> Step 3 - Map > The 'Page Properties' window > Options in the Expert section | ▪Custom Code: > 3^(third) option > Before closing the HEAD tag...
... code:
<style>
@media (max-width: 479px) {/**K**/
.imProductListCard {max-width:50% !important; margin:0px !important}}
</style>

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Bahadır  A.
Bahadır A.
User
Автор

great, thank you very much for your help

Читать больше
Размещено От Bahadır A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

...wink...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪