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

Keep Categories Expanded In Mobile

Question

Site URL: http://katrichart.com/fineart

Hello,

I'm trying to keep the categories on my shop page expanded for mobile view. I'd like to hide the dropdown menu "Categories" but have the actual category options visible. I've attached a photo with an example of what I'd like to see on the mobile view.

I tried using this CSS but it hides the entire thing, not just the "Categories" dropdown menu.

 

@media screen and (max-width:640px) {
label.ProductList-filter-dropdownToggle-label {
    display: none;
}
}

Screenshot (1639).png

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

Remove above code & Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.ProductList-filter-list {
    display: flex;
    flex-direction: column;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Thank you so much, this works great! I ended up combining the two so it stays expanded and hides the "Category".

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...