GatheredByArt Posted March 23, 2022 Share Posted March 23, 2022 (edited) Site URL: https://www.gatheredbyart.com/ Hello! 🙂 I come to a problem in mobile view. It seems that the text is cropped and is not showing all the categories. I used this code and it made the products 2 per row, which is good, but the text is cropped @media screen and ( max-width: 575px) {.products.collection-content-wrapper .nested-category-children { overflow-x: unset !important; justify-content: center; } } If I eliminate code, the products will be put in 1 per row and the categories will have a horizontal scrollbar. Which both I don't want. I wanna still have my products 2 per row and for the categories to show all without a horizontal scrollbar. Is there a code that can help me? --------- On another note, can I make a sidebar menu (for both mobile and desktop view) likes this But every page of the categories the subcategories changes. Ex: When you press "Art on wall" the categories will be "Orientation", "Material" etc. but when you go to "Art on bodies" the categories will change to "Bracelets", "Earrings" etc. It will help me a lot if someone can help me on this one. Thanks! Edited March 23, 2022 by GatheredByArt Link to comment
Solution Beyondspace Posted March 25, 2022 Solution Share Posted March 25, 2022 On 3/24/2022 at 3:40 AM, GatheredByArt said: Site URL: https://www.gatheredbyart.com/ Hello! 🙂 I come to a problem in mobile view. It seems that the text is cropped and is not showing all the categories. I used this code and it made the products 2 per row, which is good, but the text is cropped @media screen and ( max-width: 575px) {.products.collection-content-wrapper .nested-category-children { overflow-x: unset !important; justify-content: center; } } If I eliminate code, the products will be put in 1 per row and the categories will have a horizontal scrollbar. Which both I don't want. I wanna still have my products 2 per row and for the categories to show all without a horizontal scrollbar. Is there a code that can help me? --------- On another note, can I make a sidebar menu (for both mobile and desktop view) likes this But every page of the categories the subcategories changes. Ex: When you press "Art on wall" the categories will be "Orientation", "Material" etc. but when you go to "Art on bodies" the categories will change to "Bracelets", "Earrings" etc. It will help me a lot if someone can help me on this one. Thanks! For mobile display, kindly try @media only screen and (max-width: 767px) { .nested-category-children { flex-wrap: wrap !important; } } Let me know how it works on your site Support me by pressing 👍 if this useful for you tuanphan and GatheredByArt 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
GatheredByArt Posted March 25, 2022 Author Share Posted March 25, 2022 @bangank36 Thank you so much! Beyondspace 1 Link to comment
Lisa_23567 Posted August 2 Share Posted August 2 On 3/25/2022 at 2:05 PM, Beyondspace said: For mobile display, kindly try @media only screen and (max-width: 767px) { .nested-category-children { flex-wrap: wrap !important; } } Let me know how it works on your site Support me by pressing 👍 if this useful for you Hello! I tried this and works well. However, I would love for mobile, to show these category titles centred, with 3 on the first row, and 2 on the second row, with slightly more space between the 2 rows. If anyone knows how to would appreciate it. the website is : https://www.mignonboutique.uk/shop Regards, Lisa Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment