# Calculator on Mobile view
**URL:** https://community.elfsight.com/t/calculator-on-mobile-view/174408
**Category:** General Questions
**Tags:** calculator
**Created:** [September 16, 2026, 1:35pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408 "2026-09-16T13:35:40Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@David57](https://community.elfsight.com/u/David57)
#### Post date: [September 16, 2026, 1:35pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/1 "2026-09-16T13:35:40Z")
Hello, Iโm having issues with the calculator on my site. the desktop version works fine and looks great.
but when itโs viewed in the mobile version, its appears wider than the mobile screen, which causes horizontal scrolling. im able to drag the contact left and right. Any suggestions?
Thank you,
---
### Author:  [@Max](https://community.elfsight.com/u/Max)
#### Post date: [September 16, 2026, 1:43pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/3 "2026-09-16T13:43:32Z")
Hi there, @David57 ๐
Could you please send me a link to the page where your widget is installed? Iโll be happy to check it ๐
---
### Author:  [@David57](https://community.elfsight.com/u/David57)
#### Post date: [September 16, 2026, 1:58pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/4 "2026-09-16T13:58:28Z")
Hi @Max yes of course. Here is the link
> **[Sign-up | Scoop The Doo](https://www.scoopthedoo.com/quote)**
---
### Author:  [@Max](https://community.elfsight.com/u/Max)
#### Post date: [September 16, 2026, 2:18pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/5 "2026-09-16T14:18:11Z")
Thank you!
This issue occurs because of the iframes used on the Wix platform. To fix it, please reinstall the widget avoiding iframes following one of these methods:
- [Installing Elfsight widget on Wix avoiding iFrame via Custom Element - Elfsight Help Center](https://help.elfsight.com/article/1533-installing-elfsight-widget-on-wix-avoiding-iframe-via-custom-element)
- [Installing Elfsight widget on Wix avoiding iFrame via Custom Code - Elfsight Help Center](https://help.elfsight.com/article/1118-how-to-install-a-widget-on-wix-avoiding-iframe-via-custom-code)
Give it a try and let me know if it helped ๐
---
### Author:  [@David57](https://community.elfsight.com/u/David57)
#### Post date: [September 16, 2026, 3:52pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/6 "2026-09-16T15:52:16Z")
Thank @Max that worked! Is there a way to manipulate the text size and size of the entry boxes?
would like to make the boxes slightly smaller at the moment they seem large in the mobile version. Thank you again.
---
### Author:  [@Max](https://community.elfsight.com/u/Max)
#### Post date: [September 16, 2026, 4:21pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/7 "2026-09-16T16:21:02Z")
Just to confirm, youโd like to change the container size of the Email and Zip Code fields along with the input text and placeholders size, right?
---
### Author:  [@David57](https://community.elfsight.com/u/David57)
#### Post date: [September 16, 2026, 4:34pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/8 "2026-09-16T16:34:22Z")
@Max correct.
---
### Author:  [@Max](https://community.elfsight.com/u/Max)
#### Post date: [September 16, 2026, 4:53pm UTC](https://community.elfsight.com/t/calculator-on-mobile-view/174408/9 "2026-09-16T16:53:14Z")
This CSS code will do the trick:
```auto
.es-text-control-base-container:not(.es-fields-number):not(.es-fields-slider-number) {
width: 100% !important;
min-height: 108px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.es-text-control-base-container:not(.es-fields-number):not(.es-fields-slider-number) .es-text-control-base-placeholder,
.es-text-control-base-container:not(.es-fields-number):not(.es-fields-slider-number) .es-text-control-base-inner {
font-size: 24px !important;
line-height: 1.35 !important;
}
.es-text-control-base-container:not(.es-fields-number):not(.es-fields-slider-number) .es-text-control-base-placeholder {
height: auto !important;
white-space: normal !important;
overflow: visible !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
font-weight: 400 !important;
opacity: 1 !important;
}
.es-text-control-base-container:not(.es-fields-number):not(.es-fields-slider-number) .es-text-control-base-input-wrapper,
.es-text-control-base-container:not(.es-fields-number):not(.es-fields-slider-number) .es-text-control-base-inner {
height: auto !important;
overflow: visible !important;
}
.es-text-control-base-container.es-long-text-control,
.es-text-control-base-container.es-fields-long-text {
min-height: 120px !important;
}
```
Give it a try and let me know if it helped ๐