• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 29.11.22, 16:26
  • Opened by: Timon Andries
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #24012 - Filters aren't aligned on mobile

Hello,

As you can see on the screenshot, on the mobile version of our site the filter dropdown is not aligned with the select page dropdown and I can’t seem to find where to to fix this.
Also in the filter dropdown the option “newest products” isn’t available.

//ibb.co/sCGqjQf

Comments

Fred 29 Nov 2022, 17:19

Hi, Timon.
Thank you for reporting that.
Try this CSS fix:

@media (max-width:768px) {
  .products-selection {
    padding-top:20px;
    flex-direction: row
  }
  .products-selection > div {
    margin: 0;
    width:135px;
  }
  .products-selection > div > div {
    margin:0
  }
}
Timon Andries 01 Dec 2022, 14:42

Hello.
Thank you that worked! Is there also an option to add “new products” to the dropdown?

Fred 01 Dec 2022, 17:29

You are welcome!

Timon Andries 07 Dec 2022, 10:47

Hello,
Just one more question about this, what can I add to the css code to move the dropdown selector a bit more to the right? Now it’s overlapping with something abit.

Fred 07 Dec 2022, 19:47

Try this CSS fix:

.products-sort-order .dropdown-menu {
  left:auto;
  right:0
}