Problem with my catalog page not scrolling.

Solved

Problem with my catalog page not scrolling.

cfunni
Excursionist
30 1 33

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

Screen Shot 2021-11-01 at 11.01.12 PM.png

Catalog was created a year ago, and worked fine till today, or at least today I discovered the issue. Any help?

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12321 2551 3715

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

dmwwebartisan
Shopify Partner
12321 2551 3715

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
cfunni
Excursionist
30 1 33

That fixed it, and I thank you very much.

Craig

ACE4PARTS.COM

DP_Development
Shopify Partner
120 14 30

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

Software Engineer and Frontend Developer
Fast, cheap and straightforward solutions! Shall I do this for you? Just send me a message!
Please click on like and "accepted solution" if my answer helped you.