Sidebar Sticky Position Don't Work When The Screen is Smaller Than 992px
faiyun
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!
Rashida Rahman
Accepted AnswerHi faiyun,
The Helix Ultimate v2.1.3 has released. Would you please check and let me know if it works now?
Best regards,
faiyun
Accepted AnswerHi 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.
Rashida Rahman
Accepted AnswerHi,
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,
faiyun
Accepted AnswerHi.
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
Accepted AnswerHi 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...
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
Which sidebar are you talking about, please?
I have visited your site https://www.sunrunchina.com/en/ but could not find the sticky sidebar. Would you please redirect me to the appropriate place to look?
Best Regards
faiyun
Accepted AnswerHi. Thanks for your reply. You can check this link. https://www.sunrunchina.com/en/product/sy04/sy04-006
Rashida Rahman
Accepted AnswerHello,
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
Rashida Rahman
Accepted AnswerHi faiyun,
I have added it as an issue already. Hopefully it will be fixed in one of the latest versions.
Best Regards