Toolbar Hidden on Collection page on the theme Ella

Shopify Discussion
1

Hi, this is Ahmer Ali

I have enabled the product sorting toolbar option on my collection page, but it is getting hidden under the product card. Please advise on how to make it visible. I have also attached a screenshot for reference.

I am facing the same issue for the Item per page. I have checked in the theme and did not find any option for this.

Tool bar issue reference 4.png
Tool bar issue reference 4.png1378Ă—641 479 KB

2

Hey @AhmerAli

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

Hey @AhmerAli

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1704697292092.png
Moeed_0-1704697292092.png1579Ă—825 263 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
4

Thank you so much Moeed it is working fine now

5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like
6

Hi Moeed

Now it is stick completely and not going under navigation panel

AhmerAli_0-1704716879080.jpeg
AhmerAli_0-1704716879080.jpeg1600Ă—1200 127 KB

7

Hey @AhmerAli

Reduce the z-index value from “99” to “1” and it should be solved then!

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

8

Hi Moeed

Thanks for the reply, it is resolved on the desktop, but the toolbar is not working on mobile and it is showing blur screen

AhmerAli_1-1704720162854.png
AhmerAli_1-1704720162854.png378Ă—743 44.4 KB

9

Hi, how do you solve it for mobile version? Thank you