Remove "shop collection" button

Store Design
, , , ,

Topic summary

A user seeks to remove a “shop collection” button from their Shopify store (shopopo.store). The button appears on collection pages as shown in an attached screenshot.

Attempted Solutions:

  • Initial suggestion: Check theme customization settings for a built-in removal option
  • Result: No native option available in customize settings

CSS Solution Provided:
Two community members recommended adding the following code to the bottom of the base.css file:

.hdt-collection-bottom-content {display: none;}

Current Status:
The CSS solution worked on desktop but not on mobile devices. The issue remains unresolved, with the user requesting additional help for the mobile version.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

How to remove the " “shop collection” button ?

bnadir55_0-1742912121634.png
bnadir55_0-1742912121634.png1240×173 129 KB

2

@bnadir55 - please open this page in customize settings and check if it has an option to remove it, else we will need to use css

3

Thx for replying back , but there is no way to do so via the customize setting option

4

@bnadir55 Can you please share this page link?

5

https://shopopo.store/

6

Hello @bnadir55 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.hdt-collection-bottom-content {
    display: none;
}

Regards
Guleria

1 Like
7

@bnadir55

please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.hdt-collection-bottom-content {display: none;}
1 Like
8

changed but not on mobile , please help.

9

changed but not on mobile , please help.