• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: No-one
  • Private: No
  • Open Date: 18.01.17, 13:26
  • Opened by: Alex
  • Closed by: Marek
  • Closed on: 09.06.17, 23:24
  • Reason: Closed
  • Comment: Glad to help!

Ticket #10163 - al4.6 Category, looks bad in mobile if enabled list by default

I think we need additional feature in Theme Settings tab “Category page” → “LIST or GRID view on mobile”

Temporary fix:
Add to the CustomCSS the code:

@media(max-width:479px) {
  #category .view_list .center_block {width: 269px}
  #category .view_list .product-image-container {
      margin: 0 0 20px 0;
      float: none;
      width: 100%;        
  }
  #category .view_list .right_block {width: 100%}
}

2) Pagination not full width. https://www.screencast.com/t/icIfPnwR
FIX:
CustomCSS

@media(max-width:668px) and (min-width:480px) {
    #category #uniform-selectProductSort {width: 185px !important}
    #category #uniform-selectProductSort span {min-width: 150px !important}
    #category .sortPagiBar #productsSortForm select {width: 100%}
}
@media(max-width:479px) {#category .sortPagiBar #productsSortForm select {width: 100%}}

Comments

No comments yet