Stars reviews on mobile version and

• 

  jimjim93

  |

  Participant

  | October 3, 2018 at 10:57 am

  Hi,

  Is it possible to display the star rating for each item in the list on the mobile version? As on the desktop version.

  And the posting of reviews on mobile is bad, what is the problem ?

  Thank you

  
  
  

  Theme version: 1.0

  WooCommerce version: 3.4.5

  

  Content is visible for topic creator and
  support staff only.

  #200383 copied to clipboard
  

  jimjim93

  |

  Participant

  | October 3, 2018 at 10:58 am

  Screenshot :

  https://ibb.co/nOJHEK

  https://ibb.co/j9scEK

  https://ibb.co/eJyv1z

  #200384 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | October 3, 2018 at 11:17 am

  Hello,

  Please add this code in style.css file of your child theme:

  @media (max-width: 480px) {
      .slide-item .product .star-rating, .products-grid .product .star-rating, .products-page-cats {
          display:  block;
      }
      .single-product #reviews .comment_container {
          border: none;
      }
      .single-product .comment_container .description {
          margin-top: 10px;
      }
      .single-product .comment_container .adsw-gallery {
          padding-left: 0px;
      }
  }

  Regards

  #200385 copied to clipboard
  

  jimjim93

  |

  Participant

  | October 3, 2018 at 3:30 pm

  Nice thank you very much !

  And for bad display of reviews ? An idea ?

  https://ibb.co/nOJHEK

  #200400 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | October 3, 2018 at 3:34 pm

  Hello,

  Please change the previous code to:

  @media (max-width: 480px) {
      .slide-item .product .star-rating, .products-grid .product .star-rating, .products-page-cats {
          display:  block;
      }
      .single-product #reviews .comment_container {
          border: none;
      }
      .single-product .comment_container .description {
          margin-top: 10px;
      }
      .single-product .comment_container .adsw-gallery {
          padding-left: 0px;
      }
      .single-product #reviews ol.commentlist li {
          float: left;
          margin-top: 15px;
      }
  }

  Regards

  #200402 copied to clipboard
  

  jimjim93

  |

  Participant

  | October 3, 2018 at 4:18 pm

  Perfect thank you !

  #200403 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | October 3, 2018 at 4:31 pm

  You’re welcome!

  Regards

  #200405 copied to clipboard
  

  jimjim93

  |

  Participant

  | October 11, 2018 at 7:56 am

  Hi !

  I have one more question, is it possible to display 2 products per row on mobile version ?

  Jimmy

  #200899 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | October 11, 2018 at 8:12 am

  Hello,

  @media (max-width: 480px){ 
      .sidebar-position-without .products-grid.product-count-4 .product:nth-child(n) {
          width: 50%;
      }
  }

  Regards

  #200902 copied to clipboard
  

  jimjim93

  |

  Participant

  | October 11, 2018 at 10:53 am

  Thanks !

  #200918 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | October 11, 2018 at 11:18 am

  You’re welcome!

  Regards

  #200921 copied to clipboard
Viewing 11 results
1 through 11 (of 11 total)