Hi everyone,
I’m learning how to build shopify webshops and challenged myself to build a fashioned themed store in a free shopify theme template (Atelier). So far it’s going well, but I still find some things difficult. I’ve been trying to recreate the menu for a while now, but I can’t. I would like to have help and learn how to solve such problems.
I know it’s a lot, but if you’re willing to help en learn me i’d really appreciate that.
Regards
My store link:
Store I want to recreate:
What I want to recreate on mobile:
When you first open the menu.
When you open first submenu “fall-winter”
When you open second submenu “shop all”, with 4 different submenu menu’s displayed in cards. After opening a card it should be displayed as the normal first submenu “fall-winter”.
(After opening card, second submenu “shop all”)
Third submenu “scarves” just as the first submenu “fall-winter ‘25”.
Fourth submenu “essentials” is just a link to a page.
What I have on mobile right now:
When you first open the menu.
When you open first submenu “fall-winter ‘25”
When you open second submenu “shop all”.
Third submenu “scarves” just as the first submenu “fall-winter ‘25”.
Fourth submenu “essentials” is just a link to a page.
What I want to recreate on desktop:
When you open first submenu “fall-winter ‘25”
When you open second submenu “shop all”, with 4 different submenu menu’s displayed in accordion.
Third submenu “scarves” just as the first submenu “fall-winter ‘25”.
Fourth submenu “essentials” is just a link to a page.
And i want the header icons to be text on desktop like this
What I have on desktop right now:
When you open first submenu “fall-winter ‘25”
When you open second submenu “shop all”.
Third submenu “scarves” just as the first submenu “fall-winter ‘25”.
Fourth submenu “essentials” is just a link to a page.
header icons i have on desktop