Search & Discovery filter issue

Shopify Apps

Topic summary

Issue: Search & Discovery app filter UI appears oversized on iOS Safari, breaking the layout; works normally on Android.

Context: The store URL was shared for review. At least one reviewer reported the filters look normal on their device, while the original poster provided Safari screenshots showing an abnormally large filter box. Images are central to illustrating the display problem.

Guidance offered:

  • Contact the app developers to audit and fix the issue.
  • Try a CSS workaround by adding to theme.css:
    .filter-topbar__drawer-toggle.btn, .filter-topbar__sidebar-toggle.btn { max-height: 40px; }

Vendor response: App support reportedly attributed the behavior to the browser (Safari) and did not provide a fix.

Current actions: The store owner has reached out to the theme developer and has been asked whether the CSS fix was tested.

Status: Unresolved and ongoing. Key open items are whether the CSS adjustment resolves the issue on iOS Safari and whether the theme (or app) developer will provide a targeted fix.

Summarized with AI on December 16. AI used: gpt-5.
1

Hi, my search & discovery app filters look massively big on iOS breaking the entire UI of my store. It’s fine on Android. Anybody knows this fix? Thanks in advance

1 Like
2

Hey @TE-A-ME

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @TE-A-ME
Can you share your Store URL so I can check and guide you accordingly.

4

Hi, my store URL is https://teameteas.com/

5

Store: https://teameteas.com/

6

Hey @TE-A-ME

It looks completely fine for me.

Moeed_0-1729150456640.png
Moeed_0-1729150456640.png375×665 71.7 KB

Best Regards,
Moeed

7

Same page on Safari, the ‘filter’ box becomes this huge

TEAME_0-1729151959390.png
TEAME_0-1729151959390.png356×600 54.3 KB

TEAME_2-1729152015095.png
TEAME_2-1729152015095.png314×577 26 KB

8

Hello @TE-A-ME ,

You need to contact the app developers. They will audit your store and app and will help you to fix this issue.

Best regards,
Anastasia

9

Hi @TE-A-ME
Try adding below code to end of theme.css file

.filter-topbar__drawer-toggle.btn, .filter-topbar__sidebar-toggle.btn{
max-height:40px;
}

If this does not work then I’ll need access to your store to check and guide you further.
For further assistance feel free to reach out.
If you find this information useful, a Like would be greatly appreciated. And If this resolves your issue, kindly hit Like and mark it as the Solution! Thank you!

10

support says browser issue, nothing to do.

11

@TE-A-ME
Were you able to try this?

12

I reached out to the theme developer. Will keep posted.