How do i get 2 column on mobile woo commerce shop

Webdev Agency

• February 16, 2024 03:48
• Edited

i want to show to columns on mobile for my shop but i can't figure it out am using the product element and would like to have 2 columns on mobile i have had similar issues befor but with the archive element where it wont display products in 2 column today am having same issues on mobile how do i fix this

i have attached 2 separate images one is from the product element and one is from the Arcihve element what am i doing wrong i cant seem to find out how to get the columns to show i am using Astra theme i change the theme but still the same issues 

0

• 

  Ariel H.

  • February 16, 2024 10:18

  Hi,

  Thank you for reaching out to us.

  Unfortunately, at the moment, it is not possible to customize the number of columns on mobile view. By default, it will only display one column.

  Sorry for the inconvenience. If you have any further questions, please let us know.

  Best regards,
  Ariel H.

  0
• 

  Webdev Agency

  • February 16, 2024 13:26
  • Edited

  is there any CCS code that you can share that can do this but am certainly i have done this befor in Brizy have 2 columns on mobile is this something that was removed recently because am sure if i look at my old sites i will have this how do i get it in 2 collum can you share any CSS code that can do this 
  
  Edit...
  
  i remember i have done this before this is a screenshot of a site i did before and Brizy was able to do what i wanted so What Gives Please Help

  more images from the old site with the colunm elements clearly visble and i can set the number of columns on mobile on both the product and product archive elemnt someone please advise 
  
  

  

  0
• 

  Ariel H.

  • February 16, 2024 15:03

  Hi,

  Thanks for the update. Give this CSS a try and see if it works for you:

  
  @media only screen and (max-width: 767px) {
  .brz-posts__item {
      width: 50% !important;
      padding: 10px !important;
  }
  }

  I tested this CSS on my own test environment using a live CSS editor, and it seems to be working fine.

  

  Please try this and let me know how it goes.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.