First, thanks to everyone who contributes here. I've cobbled together quite a bit of code to create what I have so far. A couple of outstanding issues I'll ask about in other posts. For now, my biggest headache is how limited the category navigation options are.
What I want to achieve:
Categories (animals, floral, etc.) visible on each page of products, filtered or not, on both desktop and mobile. Ideally, I'd like to have the Category Sidebar Navigation on desktop and Top Category Navigation on mobile. Is that possible?
The problems:
With Categories Type: Sidebar selected, it works as desired on desktop (i.e., categories are visible on all products pages).
However, categories don't appear on mobile unless the device is horizontal. That's not good.
With Categories Type: Top selected, on desktop categories appear only on the page with all products and do not appear on filtered pages. On mobile, it's the same - but with the addition of that atrocious, non-user-friendly scroll bar. (I did find this css code which fixes that nicely but the lack of categories on filtered pages remains.)
I also tried this css code (since removed) to keep categories on all pages on mobile but spacing is off and text falls off the sides, creating a scroll bar at the bottom of the mobile page. (see pic)
So, I guess my questions are:
1) Is there a way to use Top on mobile and Sidebar on desktop?
2) With Top, how to have categories show on all filtered pages.
Question
junecz
Site URL: http://czebra-shop.squarespace.com
First, thanks to everyone who contributes here. I've cobbled together quite a bit of code to create what I have so far. A couple of outstanding issues I'll ask about in other posts. For now, my biggest headache is how limited the category navigation options are.
What I want to achieve:
Categories (animals, floral, etc.) visible on each page of products, filtered or not, on both desktop and mobile. Ideally, I'd like to have the Category Sidebar Navigation on desktop and Top Category Navigation on mobile. Is that possible?
The problems:
With Categories Type: Sidebar selected, it works as desired on desktop (i.e., categories are visible on all products pages).
However, categories don't appear on mobile unless the device is horizontal. That's not good.
With Categories Type: Top selected, on desktop categories appear only on the page with all products and do not appear on filtered pages. On mobile, it's the same - but with the addition of that atrocious, non-user-friendly scroll bar. (I did find this css code which fixes that nicely but the lack of categories on filtered pages remains.)
I also tried this css code (since removed) to keep categories on all pages on mobile but spacing is off and text falls off the sides, creating a scroll bar at the bottom of the mobile page. (see pic)
So, I guess my questions are:
1) Is there a way to use Top on mobile and Sidebar on desktop?
2) With Top, how to have categories show on all filtered pages.
TIA!
site: https://czebra-shop.squarespace.com
pw: myna
Update: I added a "view all' link at top of products page. That'll work for now, but I wish there was a better solution.
added update
Link to comment
Top Posters For This Question
2
1
1
Popular Days
Mar 21
1
Mar 23
1
Apr 2
1
Apr 5
1
Top Posters For This Question
junecz 2 posts
tuanphan 1 post
bangank36 1 post
Popular Days
Mar 21 2021
1 post
Mar 23 2021
1 post
Apr 2 2021
1 post
Apr 5 2021
1 post
Popular Posts
junecz
Site URL: http://czebra-shop.squarespace.com First, thanks to everyone who contributes here. I've cobbled together quite a bit of code to create what I have so far. A couple of outstanding issues I'
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment