Jump to content

Alternative to the native store category navigation on mobile?

Recommended Posts

Hi! I was wondering if there is an alternative (custom code or a plugin) to the native store category nav on mobile (see attached screen grab).


For example a drop-down that could show in its place or removing the category nav on mobile and include the categories in the nav overlay menu similar to how folder items show?

image.thumb.png.00daf08c6d3c7184e5f6f28aa8bef5a7.png image.thumb.png.116c98b664f059f97abdd285aac59d5a.png


Or some other solution that people might already be using?

I just don't find the horizontal scroll/swipe very intuitive.


Thanks for any advice!


Link to comment
16 minutes ago, victoria85 said:

I was wondering if there is an alternative (custom code or a plugin) to the native store category nav on mobile

I have previously shared some CSS to change the mobile product category slider into a centered list of categories. If you only have a few, this may work:

You could create the manual method that you described by adding a folder and placing some links (to each category) within the folder. It does work but users are unlikely to want to keep tapping the 'burger' menu to view different categories.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.