how to change collection list into small icons on homepage mobile Venture

Store Design
, ,

Topic summary

A Shopify store owner using the Venture theme wants to transform their homepage collection list into small, clickable icons positioned just below the banner. Currently, each collection takes up nearly a full mobile screen, creating excessive scrolling.

Desired outcome: Compact icon-based navigation similar to the reference image provided (green icons).

Proposed solutions:

  • Third-party app: Install a Shopify app that provides this icon grid functionality
  • Custom coding: Implement CSS and code snippets to modify the existing collection list display

Current status: The discussion moved to private communication for implementation, as custom code requires theme access and collaboration credentials. Multiple users expressed interest in the same solution.

Note: One commenter humorously suggested the original poster copied their store design, indicating this layout style may be common in certain niches.

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

Hi there,

I am struggling to figure out how to make my collection list tabs on the homepage become small little clickable icons just under the banner, especially on mobile, they currently take up almost a whole page each on mobile.

I’m on venture theme.

2nd image with green icons is what i’m hoping to achieve.

thanks in advance!

Screen Shot 2024-09-12 at 11.46.25 am.png
Screen Shot 2024-09-12 at 11.46.25 am.png373×823 154 KB

website fix.png
website fix.png373×823 157 KB

2

Hello @OddityAsylum
You need to hire the developer to make this happen.
this would require custom coding and some efforts.
you can DM me, i can also help you in this.

3

Hi @OddityAsylum Welcome to the Community! There are 2 ways you can achieve this, if this functionality is not available in your theme by default.

  1. 3rd Party App: You can achieve this by adding the 3rd party app in your store, you can find the app in the shopify app store.
  2. Custom Coding: You can achieve this with the help of custom coding, you need to ad the snippet in your store along with custom css to achieve this.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

4

Yea could you please help me with the code that I need to make the changes? And where should I place the code exactly?

5

Hi @OddityAsylum For providing you the exact code, I will need the access of your theme, without that its’ not possible to provide you the code.

Best Regards

Sahil

6

hi,

ok how do i go about that?

7

Hi @OddityAsylum For providing the access you need to provide me the store URL along with the collaboration code, also it will be great if we can move this conversation from here to whatsapp, or email or in private message in shopify as providing the collaboration code in public is not recommended.

Best Regards

Sahil

8

Hi,

Ok no problems,

please email me at ricknicholls12@hotmail.com

and I can send you my URL and other info.

Thanks heaps.

9

could you help me with this also

10

can you help me with this problem also?

email

impacttrainhorns@gmail.com

11

How is this functionality called? Any suggestions for 3rd party app?
I have the same request and using the “refresh theme”
Thanks

12

feel free to ask directly from us when coping everything from us :joy: