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: gehtsnoch - Sep 25,2021 AT 6:59AM - 4 months ago

- By: Artem Sep 25,2021 AT 8:28AM - Posted 4 months ago - #252693
  Hello,
  
  Can you please send us a direct link to where the actual issue is happening?
- By: gehtsnoch Sep 25,2021 AT 1:20PM - Posted 4 months ago - #252709
  The site is not onlne yet. on mobile is the field over the border
  
  THX and a nice weekend
- By: Kenneth Sep 25,2021 AT 11:35PM - Posted 4 months 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.
- By: gehtsnoch Sep 26,2021 AT 12:51AM - Posted 4 months ago - #252728
  Smsung S10 and will test it later on a other mobile. THX
- By: Kenneth Sep 26,2021 AT 2:30AM - Posted 4 months 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%;}}
- By: gehtsnoch Sep 26,2021 AT 11:38AM - Posted 4 months ago - #252757
  no effect, its the same like before
  
  Ciao
- By: Kenneth Sep 26,2021 AT 12:27PM - Posted 4 months 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;}}
- By: gehtsnoch Sep 26,2021 AT 1:01PM - Posted 4 months ago - #252767
  THANKS THIS WORKS
  
  Only one more please see image
- By: Kenneth Sep 27,2021 AT 12:15AM - Posted 4 months 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

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