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!
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
That fixed it, and I thank you very much.
Craig
ACE4PARTS.COM
User | RANK |
---|---|
178 | |
155 | |
76 | |
31 | |
31 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023