Sidebar sticky position don't work when the screen is smaller than 992px - Forum | JoomShaper
Solved Helix Framework

Sidebar sticky position don't work when the screen is smaller than 992px

Asked by Aexe 1 year ago Last activity 1 year ago

Hi,
Sidebar sticky position don't work when the screen is smaller than 992px.I want to make it so that the sidebar is fixed even at this size screen, can you give me some way to do that. Thanks!

Accepted answer

Marked as the solution
Rashida Rahman Staff
1 year ago

Hi faiyun,

The Helix Ultimate v2.1.3 has released. Would you please check and let me know if it works now?

Best regards,

Aexe Asked this
1 year ago

Hi Rashida,

I'm glad to receive your reply, this update can solve this problem.
However, there is a new problem with this update, the original 8 abstracts were in 1 row, how come they are now in 2 rows, this will mess up my page >992px (col-lg-3 width:33.333%) with errors and I have to fall back to version 2.1.2 for now. I hope the team can solve this problem as soon as possible.

Screenshot using version 2.1.2

Screenshot using version 2.1.3

Rashida Rahman Staff
1 year ago

Hi,

Sorry to hear about the new issue.

Unfortunately, I can't see your screenshots. They aren't opening here. It would be so kind of you if you can check and share another sets of them.

Best regards,

Aexe Asked this
1 year ago

Hi.

The website has been upgraded. I'll share the link with you.

1.You check that the product list <row row-1 cols-4> is split into 2 <row> when the screen is smaller than 992px.

2.Page Builder's plugin Articles Scroller is not compatible with PHP8.3, my home page will report an error after using him, delete Articles Scroller error disappeared, also trouble your team to check together.

Rashida Rahman Staff
1 year ago

Hi faiyun,

I'm so unsure about the new issue you are pointing to. However, I just noticed you have posted a new post about the new issue. Thanks for that.

I hope my colleague will better address and resolve the issue for you. Thanks for your patience!

Have a nice day...

Aexe Asked this
1 year ago

Okay,

thanks for the heads up.

Rashida Rahman Staff
1 year ago

You are always welcome!

4 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
1 year ago

Hello,

Sorry for the delayed response.

Please use the following code in your custom CSS:

@media(max-width: 992px){
    #sp-left .inner-wrapper-sticky {
        position: fixed;
        top: auto;
        left: 32px;
        width: 210px;
    }
}

It should help!

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

Aexe Asked this
1 year ago

Hi,

Thanks for your reply.

Your method works, but I need him to scroll to the bottom of the page and then the left column scrolls up, just like on the desktop side.

Have a nice day!

Rashida Rahman Staff
1 year ago

Hi faiyun,

I have added it as an issue already. Hopefully it will be fixed in one of the latest versions.

Best Regards

Aexe Asked this
1 year ago

Great, looking forward to the new version of the fix.

Thanx!

Rashida Rahman Staff
1 year ago

Me too:)

You're always welcome...

Log in to reply.