Joomla Templates Club 406,261 posts

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#986837

hi

how can i make the product display split into 2 columns in the following screen sizes

1. Mobile portrait (320×480)
2. Mobile landscape (480×320)

thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#987150

Hi,

Could you clarify in details of which info will show in each column?

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#987151

hi thanks

the products are display in a single column. i want to change it

Mobile portrait (320×480) make it 2 columns
Mobile landscape (480×320) make it 2 columns

thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#987439

You mean that in mobile view, you want to show 2 columns with each product per column, is that right?

Could you send URL of that page on your site?

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#987471

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#987474

First, you will access backend settings of menu item of that page > JA Extra Fields tab > set 2 columns for XS layout: http://prntscr.com/d8pstr

Then open the file: ROOT/templates/ja_jason/css/extras/com_hikashop.css

Remove this css rule:

@media (max-width: 480px) {
  .hikashop_products_listing ul.thumbnails li.hikashop_product {
    width: 100%;
  }
}

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#988022

hi

its not working.

its still one column. i already changed everything you suggested.

thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#988437

You can update Admin & FTP account of your site, I will check for you.

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#988453

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#988846

This reply has been marked as private.

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#989973

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#990220

Unfortunately the login info doesn’t work, kindly check again.

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#991489

any news?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#991718

I changed to this:

@media (max-width: 480px) {
  .hikashop_products_listing ul.thumbnails li.hikashop_product {
    min-height: 371px;
  }
}

Kindly check again.

[ronron6 Friend ronron6Join date: January 2016Posts: 116Downloads:32Uploads:35 Thanks: 9]

#994990

This reply has been marked as private.

[Author]

Posts