CS Forms Date picker width

Support
#1

I have problem with width of Date Picker in CS forms. It is always wider than other fields on mobile version and tablet version! I try this on Iphone and Ipad.

WhatsApp Image 2026-07-10 at 15.26.55
WhatsApp Image 2026-07-10 at 15.26.551179×1573 57.3 KB

I send you secure note.

#2

Hello @Luketina,

Thanks for writing to us.

I checked your site on an Android phone using the Google Chrome browser, and it is working fine. The issue might be related to the browser cache. I would suggest clearing your browser cache and checking it again. If it still does not work for you, please share the correct admin login details so we can check it on our end.

Thanks

#3

On Android devices are ok, but on Apple devices Iphone and Ipad i have that issue.
I try to clear cache on site and server side, everything is the same.

#4

Hello @Luketina,

I tried to access your site dashboard, but the given login details are not working. Please share the correct details so we can check them on our end.

Thanks

#5

I added new credentials in secure note above.

#6

Hello @Luketina,

I would suggest you please go to the Date input field ->customize ->Element CSS
Add the custom CSS code.

@media (max-width: 979.99px){ $el.cs-input{width:100%;} }

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, you can subscribe to One, where customization questions are answered.

Hope it helps.
Thanks

#7

I add that css and clear the cache but situation is the same.

#8

Hello @Luketina,

I tested it on an iPhone in browser tester mode, and it renders fine on my end. I would suggest clearing the cache from the cache plugin, temporarily deactivating the cache plugin, and then checking it again.

Thanks