How to Make Hustle Slide Static

Hi @gclefapp,

Hope this message finds you well.

After checking the URL you shared the slider maintains a sticky position at the bottom of the page. However, what you seem to be seeing is the slider element scrolling:

https://prnt.sc/4hnl6ulguobj

You might need to adjust the height of the slider:

https://prnt.sc/4Tjk7bLcLADz

Let us know if this is the issue you are referring to.

Best regards,
Laura

I reduced the height to 10px both for desktop and mobile but issue remains unresolved. I also tried adding css (not sure I did the correct thing though). I don’t want the slide to move up at all when I scroll the page. See screencast here.

Could you please send a css to try?

I am particular about this behavior on mobile devices. Please, check with a mobile device. Thank you

Hi @gclefapp

Thank you for response!

I visited the page in question but it seems you made some additional changes since last response, right?

The slide-in is sticking to the bottom for me even in mobile view but it looks differently than screenshots share earlier by my colleague. This is how I see it:

https://app.screencast.com/nUWJdlBlB0ACa

Is it correct now or am I missing something (e.g. I look at wrong slider or should visit some other pages)?

Kind regards,
Adam

Hi @wpmudev-support8

Yes, it’s the same Hustle slide. It now looks even more different as I have made changes to the content. Please, proceed with suggestions on what to do to make it remain glued to the bottom at 0px when I scroll on mobile. Thanks.

Hi @gclefapp

Thanks for confirmation.

I checked it again and I think I see the issue. It’s on real mobile device only (not happening when testing in mobile view of desktop browser) – it appears that on scroll it’s a bit “jumpy”: instead of staying “permanently glued” to the bottom it moves a bit and then “jumps back” to bottom.

At least that’s how it works for me (Anroid device with Chrome browser). Is that what you see as well?

Could you, please, share export of that slide-in so I could also test it on my own test setup?

I’d like to try that becuase I can’t replicate this with a slide-in that I created from scratch on my end so it’s either specific to the site or it’s a matter of some setting of the slide-in itself that I configured differently.

To share export of the slide-in:

– go to “Hustle -> Slide-ins” page in site’s back-end
– click on a little “gear” icon next to the slide-in in question and select “Export” option
– save the exported json file and upload it to your Google Drive, Dropbox or similar account
– in response below include direct link to it (make sure to set link permission to “Everyone with a link can view…”)

This way we’ll be able to import slide in to a test site and check it. If it turns out to be a general issue, we’ll look for solution and provide it to you. If we confirm that it’s a site-specific issue, we’ll assist you further with next steps so we could identify the culprit and solve it.

Best regards,
Adam

Thanks @wpmudev-support8 . Here it is.

Hi @gclefapp

Thanks for response!

I’ve imported your slide-in to my test setup and could replicate the issue. Furthermore, now after taking a closer look and based on that creating another slide-in on my end from scratch, I could also replicate anyway with my own slide-in and settings. I was actually testing it a big wrong on my own setup earlier on.

So at this point I can confirm it’s a general issue and not specific to this slide-in or your site. It escaped our attention because it’s not visible in responsive mode/view of desktop browsers and we didn’t have reports on it.

I looked closer into it but I’m afraid I don’t have solution for now and I need to include our developers in this case. I have already reported it to them so they could check it closer and, hopefully, provide a workaround.

I’m sorry it took so much time already but I’d appreciate a bit more patience as our developers are dealing with a lot of complex tasks on daily basis and their response time may be a bit longer than ours here.

We’ll update you here again as soon as we hear back from them.

Kind regards,
Adam

Alright, I’ll wait patiently. Thank you.

Meanwhile, I’ll remove the slidein from that page since you already have it. Please, do well to inform me once it is fixed. Thank you.

Hi @gclefapp

I just got response and the fix here is actually very simple:

please edit your slide-in and in its “Appearance” settings make sure to enable “Custom CSS” option, then add following CSS to it

.hustle-slidein-content {
    position: fixed;
}

Update slide-in, clear all cache on site and it should be fine – slide-in will stick “glued” to the screen edge as designed.

Kind regards,
Adam

Thanks a lot @wpmudev-support8 ! It worked.