Moving the result field around the screen

Ask the Community Customization
1

Moving the result field around the screen
If there are multiple questions/input variables , the calculator remains hanging on top in desktop view. Which is paradoxical because in edit mode it slides across the screen.
Couldn’t it be solved with CSS?

2 Likes
2

Hi @Martin.Kasos :wave:

Could you please send me a link to the page where your widget is installed?

1 Like
4

https://www.perfektesheim.ch/rechner

Thx

2 Likes
5

Thank you!

I’ve passed it on to the devs and will get back to you once I have any news :slightly_smiling_face:

2 Likes
6

Devs confirmed that this is a known issue, and they’ll try to fix it as soon as possible.

I’ll keep you updated :wink:

1 Like
7

Thx a lot. Have a good time. Martin

Dne čt 27. 3. 2025 18:50 uživatel Max via Elfsight Community <notifications@elfsight.discoursemail.com> napsal:

1 Like
8

Apologies for the inconvenience!

There was some miscommunication with the devs and the issue is specific to your website only.

The thing is that you’ve added a custom scroll to your website, which adds overflow: hidden style to the body. This style doesn’t let the Results section to be sticky, and it disappears from the viewport when scrolling down.

To fix the issue, I’ve added this code to the Custom CSS field on the Settings tab of your widget’s settings:

.global-styles,
body,
#page-container {
  overflow: unset !important;
}

Please check your website and let me know if everything is fine now :slightly_smiling_face:

9

Thanks for the info, I’m solving one more visual problem there. Can you give me the css code so I can hard set the background color for the form popup. It us overrided by the main background setting which I need transparent.

Thx. Martin

Dne pá 28. 3. 2025 11:53 uživatel Max via Elfsight Community <notifications@elfsight.discoursemail.com> napsal:

1 Like
10

Hi there, @Martin.Kasos :wave:

Sure! Here is the code :wink:

[class*='email-submit-popup__StyledPopup-sc'],
[class*='email-submit-popup__StyledPopup-sc'] [class*='Background__Base-sc'] {
  background-color: #fff !important;
}