Sort by option overlapping

Topic summary

A user encountered a display issue with the Ella theme where the “Sort By” dropdown menu was being overlapped by product images below it, preventing proper visibility.

Solution Provided:

  • Add custom CSS code to the theme.liquid file before the </head> tag
  • Access via: Online Store → Theme → Edit Code
  • The CSS adjustment modifies the z-index property to ensure the dropdown appears above other elements

Outcome:
The issue was successfully resolved. The original poster confirmed the fix worked and thanked the contributor who provided the solution.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

Hello everyone.

I’m currently using the Ella theme, and I’m experiencing an issue with the “Sort By” option overlapping with the products. When I click on “Sort By,” the dropdown doesn’t display properly because it’s being covered by the product images below. I’ve attached the store URL and a screenshot for reference.

Any help resolving this would be greatly appreciated!

Store URL: https://partypalooza.co.uk

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag


Reslut:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like

Thank you so much @AnneLuo . Error fixed :grinning_face_with_smiling_eyes: