Re: remove filters in collection grid

Solved

remove filters in collection grid

Mdb_Gioto
Excursionist
49 0 17

How can I remove this filters / option to change the grid view, in my collection grid in mobile?

In desktop is already removed

this is my link: https://vomeroitaly.com/

Screenshot 2025-01-25 at 15.14.12.png

 

 

 

Can you help me?

Accepted Solution (1)

Moeed
Shopify Partner
7347 1992 2430

This is an accepted solution.

Hey @Mdb_Gioto 

 

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 </body> tag

<style>
.utility-bar__right {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1737814699214.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
7347 1992 2430

This is an accepted solution.

Hey @Mdb_Gioto 

 

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 </body> tag

<style>
.utility-bar__right {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1737814699214.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


LizHoang
Shopify Partner
1251 159 195

Hi Mdb_Gioto

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file styles.css and add this code at the end of the file

 

span.utility-bar__item.mobile-only {
    display: none !important;
}

 

Result: 

LizHoang_0-1737814730325.png

 

Best,
Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

CodingFifty
Shopify Partner
903 136 165

Hi @Mdb_Gioto,


Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

 

.utility-bar__right {
    display: none !important;
}

CodingFifty_0-1737814862790.png

 

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com