Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
maisaguam

Shop Navigation: Slider to Drop Down

Recommended Posts

Site URL: https://www.shopmaisaguam.com/shop

Any workarounds or code to change the default navigation on my shop page from it being laid out on top to a drop-down style on mobile view? On desktop it looks fine because the screen is wide an all product categories are laid out nicely but on mobile you have to swipe left to see the other categories and a lot of people don't know this feature leaving them to have to scroll through the entire product page to find the items they're looking for. 

IMG_4351.PNG

Share this post


Link to post

Add to Home > Design > Custom CSS. It will improve a bit

@media screen and (max-width:767px) {
.products.collection-content-wrapper .category-filter-list {
    flex-wrap: wrap;
}
.products.collection-content-wrapper .category-filter-container {
    height: auto;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

@tuanphan You are a godsend to every novice Squarespace site owner!

I attached a screenshot of how it looks below with the code. Anyway to get it to look... cleaner and less scattered? 

Screen Shot 2020-05-28 at 8.33.02 PM.png

Share this post


Link to post
On 5/28/2020 at 5:34 PM, maisaguam said:

@tuanphan You are a godsend to every novice Squarespace site owner!

I attached a screenshot of how it looks below with the code. Anyway to get it to look... cleaner and less scattered? 

Can you describe your desired layout?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...