• Priority: Medium
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 06.01.22, 08:34
  • Opened by: Martin Crielaard
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #22864 - Responsive issue with compare button on ipad mini

The compare button in category view has a responsive issue. (see attached screenshot)

Attachments:

D868AC2E-67EE-429F-8FD6-E5C67... (414.1 KiB)

Comments

Fred 06 Jan 2022, 12:52

Try following CSS fix

.products-selection {
    flex-wrap: wrap
}
.products-selection > * {
    margin-bottom: 15px
}
Martin Crielaard 06 Jan 2022, 13:51

Fixed thanks for your quick solution!

Martin Crielaard 06 Jan 2022, 13:58

Just one tiny small thing. See attached screenshot

Attachments:

698E1739-199F-4948-B8E5-8AB73... (483.8 KiB)
698E1739-199F-4948-B8E5-8AB73... (483.8 KiB)
Fred 07 Jan 2022, 10:57

Yes, I missed that.
Try this

@media (max-width:1024px) {
body .products-sort-order .select-title,
body .products-sort-order .dropdown-menu {width: 100% !important;}
.perpage-selector {max-width:100%}
}
Martin Crielaard 07 Jan 2022, 13:12

Fixed thanks again!

Fred 07 Jan 2022, 13:13

You are welcome!