Sort by feature is not right above the products

Topic summary

Issue: The collection page’s “Sort by” control is misaligned, appearing outside the page edges instead of directly above the products. A screenshot was provided to illustrate the problem; another image shows the intended layout.

Steps taken: A helper requested the store URL; the merchant shared https://jnsq.shop/.

Proposed fix: Edit the theme file (Online Store > Edit code > Assets > base.css) and remove a custom CSS rule targeting “.facets-container-drawer .facets__form” that sets absolute positioning and offsets (position: absolute; display: inline-flex; left: 90px; margin-top: -20px). This rule likely causes the misalignment by forcing the control out of its normal flow.

Outcome/status: No confirmation yet from the merchant that the fix resolved the issue; discussion remains open. Images are central to understanding both the misalignment and the desired result.

Summarized with AI on January 19. AI used: gpt-5.

Hey there! :slightly_smiling_face:

Can anyone help me bringing the “sort by” feature to it’s rightful place?

It’s currently is not straight under the page and goes outside the edges. Please find attached the screenshot.

Thank you very much in advance!

Julia

Hello @jesuisjulie
Can you please Share Your Store URL? i Will Check and provide a Proper solution

Hey, sure it’s: https://jnsq.shop/ :slightly_smiling_face:

Hello, @jesuisjulie
Do You Some Like This

GO to online store > edit code > Assets > base.css

.facets-container-drawer .facets__form {
  position: absolute;
  display: inline-flex;
  left: 90px;
  margin-top: -20px;
}

Search this code and Remove