Hello,
The mobile screen’s appearance could include a static style. We recommend you check whether you have included third-party plugins that could control mobile screen appearances on the site or not. If our QA department will find the issue on the Cost Calculator, the case will be resolved in the future updates of the plugin
Cheers
No third party controls mobile screen appearance, please check it from your side.
Thank You.
Hi,
Thank you for the feedback, we will send the case to our QA department
Cheers
Any update on this?
For now, can you provide the CSS so that I can increase the font size on the mobile view
Hello @prabuddh09,
Can you please provide the link for the page with a calculator to provide custom CSS rules for mobile view?
kind regards
Hi,
You can try to use the custom CSS like below under the appearance -> customize -> CSS section to manage the text values for mobile screens with custom CSS:
@media (max-width: 500px) {.elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .calculator-settings .calc-container .calc-fields .calc-item-title h4 { font-size: 25px !important; } }
@media (max-width: 500px) {.calculator-settings .calc-container .calc-fields .calc-item div div label span { font-size: 12px !important; } }
@media (max-width: 500px) {.elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .calculator-settings .calc-container .calc-subtotal .calc-item h4 { font-size: 25px !important; }}
@media (max-width: 500px) {.elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .calculator-settings .calc-container .calc-subtotal .calc-subtotal-list .total .sub-item-title { font-size: 18px !important; }}
@media (max-width: 500px) {.elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .calculator-settings .calc-container .calc-subtotal .calc-subtotal-list div .sub-item-value { font-size: 15px !important; }}
All the best!
