WebSite X5Help Center

 
Bahadır  A.
Bahadır A.
User

Mobile view  en

Autor: Bahadır A.
Visited 1727, Followers 1, Udostępniony 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

Posted on the
7 ODPOWIEDZI - 2 USEFUL - 1 PRAWIDłOWA ODPOWIEDź
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.

Czytaj więcej
Posted on the from Esahc ..
Bahadır  A.
Bahadır A.
User
Autor

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 :(

Czytaj więcej
Posted on the from Bahadır A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bahadır  A.
Bahadır A.
User
Autor

yes this is ok

how can i get extra code KolAsim ‪

Czytaj więcej
Posted on the from Bahadır A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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>

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Bahadır  A.
Bahadır A.
User
Autor

great, thank you very much for your help

Czytaj więcej
Posted on the from Bahadır A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca PT

...wink...

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪