![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
October 20, 2015 at 4:16 pm #521773
Hi
How can I make the reset password input box 90% wide on mobile?
On portrait mobile it is currently very narrow.
http://dev2.electrixinternational.com/my-account/lost-password/
http://dev2.electrixinternational.com/my-account/lost-password/
October 20, 2015 at 4:51 pm #521822Hi richardelectrix!
Please insert the below css into your custom css section:
@media only screen and (max-width : 320px) { #top div form .form-row input.input-text{ min-width: 360px !important; } }
Best regards,
DakeOctober 20, 2015 at 5:20 pm #521855Hi
I have tried that but it doesnt work.
Thanks
October 20, 2015 at 5:25 pm #521869Hey!
May we have temporary access to your website so we can try editing the css directly?
Cheers!
DakeOctober 20, 2015 at 5:30 pm #521873Hi, you can by all means, but I will need to pass your IP address to our hosts.
If it is a UK based IP address then you can access, if not you will need to provide your IP address or use a service like HMA to dive you a UK IP address.
October 20, 2015 at 5:34 pm #521877Hi!
You can go ahead and provide us with credentials, I’ll connect to a UK IP address afterwards.
Cheers!
DakeOctober 20, 2015 at 5:39 pm #521887Please see private
October 20, 2015 at 7:01 pm #521969Hi!
For some reason I’m still unable to connect with my VPN.
I’m connecting from Jamaica originally, IP address below
Cheers!
Dake-
This reply was modified 8 years, 10 months ago by
Dake.
October 21, 2015 at 10:13 am #522230Hi
Is that a UK based IP address?
October 21, 2015 at 4:45 pm #522369Hi!
That’s a Jamaican IP address.
Regards,
DakeOctober 21, 2015 at 5:10 pm #522379Hi
Is that still your IP address and I will inform our hosts.
October 21, 2015 at 5:20 pm #522384Hey!
Yes, that is still my IP address you can go ahead and inform your host.
Regards,
DakeOctober 21, 2015 at 5:37 pm #522396Hi
That is added so you should now have access.
Thanks
October 27, 2015 at 11:20 am #525412Hey!
I notified @dake regarding this thread. Please wait for his response. For the mean time, you can try this:
@media only screen and (max-width : 768px) { .form-row-first, .form-row-last { width: 100%; } }
Best regards,
IsmaelOctober 27, 2015 at 5:46 pm #525679Hi!
Sorry about the delay. I added the below css to your custom css section:
@media only screen and (max-width : 768px) { #top div form .form-row input.input-text { width: auto !important; min-width: 200% !important; } }
The input box should now be at an appropriate width when viewed from mobile devices.
Best regards,
DakeNovember 4, 2015 at 12:54 pm #529949Hi
Thanks – unfortunately it doesnt work.
It fixes the width of the forgot password input box, but it breaks all other input boxes on a mobile such as Login and Password as they all appear at 200% therefore go off the screen.
November 4, 2015 at 3:41 pm #530085Hi!
I’m getting a fatal error when trying to access your website.
Best regards,
DakeNovember 4, 2015 at 7:19 pm #530370Hi
Its working fine for me here.
November 5, 2015 at 2:41 pm #530794Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 480px) { .lost_reset_password p.form-row.form-row-first { width: 90%!important; }}
Regards,
YigitNovember 5, 2015 at 3:37 pm #530835Hi
That doesnt work either.
November 5, 2015 at 3:44 pm #530842Hey!
Code is not being applied. I suspect an error in your CSS code. Please try adding the code to the top of your custom CSS and flush browser cache, refresh your page a few times and check if that helps.
Best regards,
YigitNovember 5, 2015 at 4:43 pm #530930Hi
That is working now.
Yigit, is our site working where you are?
Thanks
November 5, 2015 at 4:57 pm #530949 -
This reply was modified 8 years, 10 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.