Mobile navigation with images

Store Design

Topic summary

A user wants to replicate a mobile navigation design featuring images in a horizontal scroll bar, as shown in an attached screenshot. They’re using the Dawn theme and haven’t been able to achieve this effect, even when testing on a friend’s Impulse theme.

Current Status:

  • The reference site uses standard desktop navigation but switches to a collection images scroll bar on mobile
  • A respondent confirmed this requires custom coding knowledge (HTML, CSS, Shopify Liquid)
  • Key technical approach suggested:
    • Use CSS media queries to display the scroll bar only on mobile
    • Wrap collection images in a container division to create the scrolling effect

Limitations:

  • Full code cannot be provided without store access due to potential CSS class selection errors
  • The discussion remains open, with an offer for further assistance if needed
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi!
I found a shop and I want to make mobile navigation like them - with images.

I am using dawn theme, but they have impulse. Not sure if that’s the case as I couldn’t do it on my friends Impulse theme. So basically I don’t know how to do it.

Here is the picture of what I would like to create.

Agrita_0-1747748306855.png
Agrita_0-1747748306855.png627×188 69.9 KB

3 Likes
2

Hey @Agrita ,

Hope you are doing great. I check the reference website. And saw on Desktop they are using simple navigation but on Mobile there is used Collection Images Scroll bar.

To make this you must have a knowledge of coding like HTML, CSC and Shopify Liquid. I can gave you an idea on how you can do this but I am sorry I cannot provide you full code because it take time and there should be mistakes in the classes selection via CSS. So without having the access of the store this would be impossible.

First, you need to make sure you have to show the collection scroll bar only on mobile. For this you can use Media Query. And in order to creating the scrollbar you need to wrap the images in the main division.

Let me know if you need help to make this in your store.

Looking forward to hearing back from you.

Thanks