Home › Forums › Support › 2 Product columns on mobile This topic has 11 replies, 3 voices, and was last updated 5 years, 1 month ago by Tom. Viewing 12 posts - 1 through 12 (of 12 total) Author Posts March 8, 2019 at 7:02 am #832919 Pedro Hello! I have configured GP Premium to show 2 columns of products for the mobile version. However, for some strange reason, products are sometimes shown in 1 column. That happens with small screen phones (iPhone 6S – 4.7″) Since I have tried on larger screen devices and this does not happen. I send you a screenshot to better explain what I say: https://www.dropbox.com/s/2ob3rtevsc38v0g/IMG_2229.PNG?dl=0 How can I solve that? March 8, 2019 at 9:54 am #833136 LeoStaff Customer Support Hi there, Is this happening on all pages? I just view a few (also have an iPhone 6s) and all of them show 2 columns on mobile. Also couldn’t get it to happen using browser resize. March 8, 2019 at 9:58 am #833141 Pedro Hi leo! Thanks for answering. It does not happen on all pages, only on some pages. March 8, 2019 at 10:03 am #833148 LeoStaff Customer Support Can you specify which pages so I know what to look at? March 8, 2019 at 11:24 am #833217 Pedro Hi leo! Of course. One of the pages on which this happens is: https://www.celuganga.co/producto/funda-antigolpes-ultra-resistente-para-iphone/ It is shown with the upsells / related products. March 8, 2019 at 11:44 am #833227 LeoStaff Customer Support Can you try disabling the caching plugin? And please always do so when we are trying to debug ๐ March 8, 2019 at 11:49 am #833230 Pedro Hi leo! I have already disabled WP Rocket. Sorry! March 8, 2019 at 12:40 pm #833260 Pedro Hi leo! Could you check the problem? I’m careful March 8, 2019 at 1:06 pm #833268 Pedro Hi leo! Because I did not receive a response from you, I had to enable the cache plugin again. When you are available to help me, please let me know. March 8, 2019 at 1:38 pm #833294 TomLead Developer Lead Developer Strange, looks like a possible bug. Does this CSS fix it?: @media (max-width: 768px) { .woocommerce-page .related ul.products li.product:nth-child(3n), .woocommerce-page .up-sells ul.products li.product:nth-child(3n) { clear: left !important; } } March 8, 2019 at 1:42 pm #833297 Pedro Hello Tom! You are a magician! That code solved it 100% Thanks! March 8, 2019 at 1:45 pm #833298 TomLead Developer Lead Developer You’re welcome. This will be fixed in GPP 1.8 as we’re switching the columns to CSS Grid ๐ Author Posts Viewing 12 posts - 1 through 12 (of 12 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In