Button in fixed position, panel must stay scrollable

Hi Emilia,
First, sorry for the late answer.

I’m not sure if I understood. Do you mean keeping ONLY the button fixed on a screen, while the rest of the page AND panel content is moved together when page is scrolled up and down?

Thanks,
More

Hi More, glad that you responded to my question. I was a few days not at work, so now it is my time to say sorry for the late reaction.

It is exactly like you say, the button fixed, but page and panel scrollable when go up and down. Because there is more content in the panel to see directly so we have to scroll.

I have already tried with css

#mojo-sp-left-wrap > button {
    position: fixed;
}

but then there is no button anymore as soon as you have clicked on it. So I guess only vertical must be fixed position, but not horizontal.

Hope you can help us out.
Thank you very much for your help!

Warm regards,
Emilia

• This reply was modified 7 years, 5 months ago by stippie.

Hi Emilia
I’m afraid there is no simple solution for this. In theory “position:fixed;” should work, but the problem is related to the panel animation. Due to some limitations with browser specifications, new position for the button is not calculated after the panel is opened.

There are some workarounds though, but they would require some coding. At the moment I’m so busy with client projects that I can’t unfortunately promise it any time soon. I will take this to my backlog of new features though, so I won’t forget it.

Sorry Emilia, I wish I had a better answer and a quick solution for you.

best regards,
More

This isn’t as SEXY but it works for me.

button {

position: fixed !important;
z-index: 99999;
}

Thank you foxtangocharlie, I have used your solution allthough it is not the most optimal. But happy you posted and shared it.

Hi foxtangocharlie. I have been to soon enthousiastic about your code, but it does not work for us. After one day we saw no orders were placed anymore in our shop and we looked for the problem and found out that with that code also the buttons for shoppingcart moved to the top and no one could buy anymore. So I removed your code.

Emilia,
If things worked otherwise with the code, you can limit the effect only to Mojoplug with this modification:

#mojo-sp-left-wrap > button {
position: fixed !important;
z-index: 99999;
}

This code will NOT affect any other buttons than Mojo…. Note, I have not tested this, though.

Thank you More, that works.

Thx, for the tip. However, when doing that the button stays at the border when expanded?

• This reply was modified 6 years, 9 months ago by Brogaard.

Then I deleted button.

#mojo-sp-right-wrap {
position: fixed !important;}

and that worked.