Shopify themes, liquid, logos, and UX
I have a Shopify site that has been fine until today I discovered my catalog page will not scroll. Debut theme, and this is the first time this has happened.When you go to my other pages they load and scroll fine. Catalog page will not scroll, so you can't see all my catalog categories. https://ace4parts.com
Catalog was created a year ago, and worked fine till today, or at least today I discovered the issue. Any help?
Solved! Go to the solution
This is an accepted solution.
css for desktop version
please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid ->paste below code at the bottom of the file.
@media (min-width: 767px){
[id] .site-nav__dropdown {
position: fixed;
top: 185px!important;
width: 100%;
overflow: scroll !important;
height: 80% !important;
}
}
Thanks!
This is an accepted solution.
css for desktop version
please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid ->paste below code at the bottom of the file.
@media (min-width: 767px){
[id] .site-nav__dropdown {
position: fixed;
top: 185px!important;
width: 100%;
overflow: scroll !important;
height: 80% !important;
}
}
Thanks!
That fixed it, and I thank you very much.
Craig
ACE4PARTS.COM
It does scroll. Your catalog is a dropdown menu which has a different behavior on different screen sizes. I think you should adjust the position of the dropdown on big screens, so it appears to really dropdown. Like now, it just looks, like a additional site is opening, when you click the catalog link. But its just a menu, which stays on top, until you decide where to go. If you resize your window to a smaller size, you will see the difference, because the adjustments are better for small screen sizes.
Try to position the dropdown menu on big screens a little bit lower, so it will look like it belongs to the navbar again. This should resolve the confusion about scrolling
User | RANK |
---|---|
142 | |
110 | |
79 | |
64 | |
63 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023