Author Topic: how can I make 2 column per row on Product Page on Mobile View  (Read 225 times)

Offline kurtakaosku

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
hi there

how can I make 2 column per row on Product Page on Mobile View ?

thanks


Offline kurtakaosku

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: how can I make 2 column per row on Product Page on Mobile View
« Reply #2 on: July 19, 2019, 01:51:27 AM »
hi Basara
Thanks for the reply

but what I mean is that the 2 colomn View in Mobile or Phone not in Desktop Mode

and the way you just gave is for desktop Mode

and my Question is what about for Mobile View ?

which "col" should I change the number ?
« Last Edit: July 19, 2019, 01:53:10 AM by kurtakaosku »

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4407
  • Karma: +205/-0
    • View Profile
Re: how can I make 2 column per row on Product Page on Mobile View
« Reply #3 on: July 19, 2019, 02:06:51 AM »
Please learn what is "bootstrap". You can also search forum your question was unswered before
“Chuck Norris is so amazing.”
― Mother Teresa

Offline kurtakaosku

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: how can I make 2 column per row on Product Page on Mobile View
« Reply #4 on: July 19, 2019, 08:59:08 AM »
hi Basara

I had succeded making 2 column in Mobile View by changing the "col-xs-" in

<div class="col-md-3 col-sm-6 col-xs-12">

into

<div class="col-md-3 col-sm-6 col-xs-6">

but the looking still not neat as seen on the attachment

can you please tell me if there is something wrong ?

the chart button on the left product column is crushed by the product on the right colomn then it is unseen
I think it has to do with left margin adjustment

Hope for your next help
« Last Edit: July 19, 2019, 09:45:10 AM by kurtakaosku »

Offline kurtakaosku

  • Newbie
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: how can I make 2 column per row on Product Page on Mobile View
« Reply #5 on: July 23, 2019, 11:18:30 AM »
hi Basara

I had succeded making 2 column in Mobile View by changing the "col-xs-" in

<div class="col-md-3 col-sm-6 col-xs-12">

into

<div class="col-md-3 col-sm-6 col-xs-6">

but the looking still not neat as seen on the attachment

can you please tell me if there is something wrong ?

the chart button on the left product column is crushed by the product on the right colomn then it is unseen
I think it has to do with left margin adjustment

Hope for your next help

hope anybody here help me about this

thanks before

 

Powered by SMFPacks Social Login Mod