Problem with my catalog page not scrolling.

[cfunni]

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?

[dmwwebartisan · Accepted solution]

@cfunni 

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!

[cfunni]

That fixed it, and I thank you very much.

Craig

ACE4PARTS.COM

[DP_Development]

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