I tried to reduce the size of the input fields in the Actionuser form,

252678

I tried to reduce the size of the input fields in the Actionuser form,

I tried to reduce the size of the input fields in the Actionuser form, but it doesn’t work, I can change colors etc. via css, but the size of the fields doesn’t, it doesn’t fit on the mobile phone

BY: Hildegard Hess - Sep 25,2021 AT 6:59AM - 3 years ago

- Artem Sep 25,2021 AT 8:28AM - Posted 3 years ago - #252693
  Hello,
  
  Can you please send us a direct link to where the actual issue is happening?
- Hildegard Hess Sep 25,2021 AT 1:20PM - Posted 3 years ago - #252709
  The site is not onlne yet. on mobile is the field over the border
  
  THX and a nice weekend
- Kenneth Sep 25,2021 AT 11:35PM - Posted 3 years ago - #252720
  Hello,
  
  I am not able to replicate this issue on our testing site. Are you testing on an actual mobile phone? If so, which one so that I can try to replicate the issue on my end.
- Hildegard Hess Sep 26,2021 AT 12:51AM - Posted 3 years ago - #252728
  Smsung S10 and will test it later on a other mobile. THX
- Kenneth Sep 26,2021 AT 2:30AM - Posted 3 years ago - #252729
  Hello,
  
  Please add this CSS code to EventON > Styles (If you don’t see any change, EventON > Scripts & Styling > turn off Write styles to header > save settings > turn on Write styles to header):
  
  @media only screen and (max-width:768px){.evoau_submission_form .row p input.evoau_dpicker{width:100%;}}
- Hildegard Hess Sep 26,2021 AT 11:38AM - Posted 3 years ago - #252757
  no effect, its the same like before
  
  Ciao
- Kenneth Sep 26,2021 AT 12:27PM - Posted 3 years ago - #252758
  I have added !important to the code and it works for me. Please use the code below instead of the one previously given.
  
  @media only screen and (max-width:768px){.evoau_submission_form .row p input.evoau_dpicker{width:100% !important;}}
- Hildegard Hess Sep 26,2021 AT 1:01PM - Posted 3 years ago - #252767
  THANKS THIS WORKS
  
  Only one more please see image
- Kenneth Sep 27,2021 AT 12:15AM - Posted 3 years ago - #252780
  Hello,
  
  Please try the code below:
  
  @media only screen and (max-width:768px){.eventon_actionuser_eventslist a.editEvent{margin-top:0.5em !important; right:5px !important;} .eventon_actionuser_eventslist a.deleteEvent{margin-top:0.5em !important; right:50px !important;}

You must login to reply to this ticket

HelpDesk

Welcome to EventON helpdesk.

EventON is the #1 Best selling event calendar plugin for WordPress websites in envato marketplace.

Checkout EventON

ActionUser Plus Addon

Earn revenue when your customers submit events

EventON ActionUser Plus addon can help you to charge your customers for event submissions using its cool level-based submission forms.

Learn More

Ticketing Addon Bundle

Our complete ticket addons suite for less

EventON Ticketing bundle can help your calendar be the best ticket system with its 4 amazing feature-rich addons.

Learn More

Yearly View Addon

All New Yearly View Addon for EventON

Show all your events from an entire year all in one place using yearly view addon for eventON.

Learn More