Return to previous page

Products archive view on bigger screen smartphones in 2 columns?

This topic has 14 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Robert Hall

Olexi

Participant

September 17, 2015 at 09:50

Hi all,

as we got more and more visits from smartphones like the iphone 6 plus. is there a way to show the products archive page in 2 columns depending on the screen size? that would be fantastic.

we use iphone 6 plus also by ourselves and would also personally prefer the 2 column view a lot.

best,
olexi

#87455 Copied

13 Answers
Robert Hall

Participant

September 17, 2015 at 10:01
Hello,

Please try to add this code in custom css for mobile (Theme Options->Custom CSS).

.product { width: 50% !important; }

Regards,
Robert Hall.
#87456 Copied
Olexi

Participant

September 17, 2015 at 11:25

hi robert,

that was also effecting the product carousel on our main page … but we figured out a way so all is fine. many thanks for the fast reply 🙂 … your support in general is really great … best regards to your collegues.

olexi

#87492 Copied

Robert Hall

Participant

September 17, 2015 at 11:32

Hello,

You’re welcome!

Regards,
Robert Hall.

#87495 Copied

Olexi

Participant

May 13, 2016 at 07:35

one more question … what is the code if i want the sam for the blog posts?

I would love to have it in 2 rows on all tablets but one row on all smartphones. any way to get this?

Thx,
Olexi

#125602 Copied

Robert Hall

Participant

May 13, 2016 at 08:19

Hello,

Please provide us with blog page.

Regards,
Robert Hall

#125613 Copied

Olexi

Participant

May 18, 2016 at 16:59

sorry for the late reply … have not seen your question earlier.

here we go: https://www.prtty.me/news-2/

#126399 Copied

Robert Hall

Participant

May 18, 2016 at 17:11

Hello,

As I see they are in one row now. http://prntscr.com/b5kldw

Regards,
Robert Hall

#126401 Copied

Olexi

Participant

May 18, 2016 at 18:58

Sorry, my specification was weak 🙂

I would like to have:

Smartphone small/normal screen:
– Blog/News 1 row
– Portfolio/looks: 1 row
(works perfect now)

Smartphone big screen and iPad
– Blog/News 2 rows
– Portfolio/looks: 2 rows
(is 1 row at the moment)

The same is on the homepage http://www.prtty.me with the blog (news) and portfolio (looks) carousel. it should be 2 rows on the bigger screen/ipad as well.

blog (news) https://www.prtty.me/news-2/
portfolio (looks) https://www.prtty.me/looks/

Is it somewhat clear what we want to achieve now?

best,
olexi

#126423 Copied
Robert Hall

Participant

May 18, 2016 at 20:14
Hello,

Please try to add this code Global Custom CSS.

@media (min-width: 767px) and (max-width: 992px) { .blog-masonry .post { width: 50%; } .portfolio-item { width: 50%; } }

Regards,
Robert Hall
#126430 Copied
Olexi

Participant

May 19, 2016 at 06:59

hi robert, many thanks.

that works perfekt on the blog and portfolio pages.
but not on the start page where we use the visual composer elements.
any way to get this also there in 2 rows on the iPad?

Olexi

#126447 Copied
Robert Hall

Participant

May 19, 2016 at 07:28
Hello,

Please try also this code

@media (min-width: 767px) and (max-width: 992px) { .et_isotope-item { width: 50%; } }

Regards,
Robert Hall
#126452 Copied
Olexi

Participant

May 19, 2016 at 08:26

perfect, many many thanks 🙂

#126470 Copied

Robert Hall

Participant

May 19, 2016 at 10:06

You’re welcome!

Regards,
Robert Hall

#126495 Copied
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘products archive view on bigger screen smartphones in 2 columns?’' has been successfully resolved, and the topic is now closed for further responses

Products archive view on bigger screen smartphones in 2 columns?

Explore our best WordPress WooCommerce Themes collection