Problem with my catalog page not scrolling.

Solved
cfunni
Excursionist
27 1 18

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)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2226 3057

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
9731 2226 3057

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

DP_Development
Pathfinder
82 11 17

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.
cfunni
Excursionist
27 1 18

That fixed it, and I thank you very much.

Craig

ACE4PARTS.COM