Rating stars on mobile needs layout changing

Topic Resolution: Resolved

Tagged: feedback, rating, mobile

This topic has 4 replies, 2 voices, and was last updated 6 years, 9 months ago by consciouscrafties.

Viewing 4 reply threads

Save

Author

Posts
- March 1, 2018 at 3:50 am #17613
  
  consciouscrafties
  
  Hi Harry,
  
  Hope you can help. We’ve been having customers leave 1 star review by accident as they have left feedback using their mobile (see screenshot)
  
  The layout would be better if the review stars appeared in a list rather than trying to fit them on one row.
  
  Can you help as I’m getting lots of complaints about this one.
  
  Many thanks,
  
  Karen
  
  Attachments:
  You must be logged in to view attached files.
- March 1, 2018 at 4:51 pm #17635
  
  Harry
  
  Hi Karen,
  
  Could you send me the account as a vendor to check this?
  
  Thanks
  
  Harry
  Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
- March 1, 2018 at 6:25 pm #17640
  
  consciouscrafties
  
  This reply has been marked as private.
- March 1, 2018 at 10:57 pm #17649
  Harry
  Hi Karen,
  
  Please add below code in Claue > Theme Option > General Layout > Custom CSS
```
.wcv-form .control-group .all-20 {position: relative;}
.wcv-form .control-group input[type="radio"] {top: 5px;}
.wcv-form .control-group input[type="radio"] + label {padding-left: 1.6em !important;}
@media only screen and (max-width: 736px) {
.wcv-form .control-group .all-20 {width: 100%;}
}
```
  Best regards
  
  Harry
  Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
- March 1, 2018 at 11:48 pm #17654
  
  consciouscrafties
  
  Thank you ever so much that’s perfect 🙂
  
  Attachments:
  You must be logged in to view attached files.
Author

Posts