How can I fix the mobile filter and sort sidebar issue?

Store Design
, ,

Topic summary

A user is experiencing display issues with the mobile filter and sort sidebar on their TemplateMonster Body Builder theme (iPhone 15 Pro Max). The problems include:

Main Issues:

  • Filter sidebar positioning and layout are broken on mobile
  • Currency symbols overlap with price range inputs
  • “Sliding” animation effect appears messy
  • Language switcher conflicts with proposed fixes

Attempted Solutions:

  • Initial CSS fix for .custom-position-bottom-left z-index caused the language switcher to move behind other elements
  • Setting .mobile-facets__inner to 75% height reduced size but didn’t resolve the sliding animation issue
  • Added media query with !important flag for heights below 479px

Current Status:
The discussion remains unresolved. While the height adjustment partially worked, the sliding effect and currency overlap persist. The user is considering removing the overlay filter menu entirely on mobile due to ongoing frustrations. Screenshots were provided but video demonstration wasn’t possible on the platform.

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

@Jay_Olympus ,

Okay if you want to make it as fixed height then use this CSS :

.mobile-facets__inner{
    height: 75%;
}