Tagged: , , , , ,

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • October 20, 2015 at 4:16 pm #521773
    richardelectrix

    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 #521822
    Dake

    Hi 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,
    Dake

    October 20, 2015 at 5:20 pm #521855
    richardelectrix

    Hi

    I have tried that but it doesnt work.

    Thanks

    October 20, 2015 at 5:25 pm #521869
    Dake

    Hey!

    May we have temporary access to your website so we can try editing the css directly?

    Cheers!
    Dake

    October 20, 2015 at 5:30 pm #521873
    richardelectrix

    Hi, 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 #521877
    Dake

    Hi!

    You can go ahead and provide us with credentials, I’ll connect to a UK IP address afterwards.

    Cheers!
    Dake

    October 20, 2015 at 5:39 pm #521887
    richardelectrix

    Please see private

    October 20, 2015 at 7:01 pm #521969
    Dake

    Hi!

    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 9 years ago by Dake.
    October 21, 2015 at 10:13 am #522230
    richardelectrix

    Hi

    Is that a UK based IP address?

    October 21, 2015 at 4:45 pm #522369
    Dake

    Hi!

    That’s a Jamaican IP address.

    Regards,
    Dake

    October 21, 2015 at 5:10 pm #522379
    richardelectrix

    Hi

    Is that still your IP address and I will inform our hosts.

    October 21, 2015 at 5:20 pm #522384
    Dake

    Hey!

    Yes, that is still my IP address you can go ahead and inform your host.

    Regards,
    Dake

    October 21, 2015 at 5:37 pm #522396
    richardelectrix

    Hi

    That is added so you should now have access.

    Thanks

    October 27, 2015 at 11:20 am #525412
    Ismael

    Hey!

    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,
    Ismael

    October 27, 2015 at 5:46 pm #525679
    Dake

    Hi!

    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,
    Dake

    November 4, 2015 at 12:54 pm #529949
    richardelectrix

    Hi

    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 #530085
    Dake

    Hi!

    I’m getting a fatal error when trying to access your website.

    Best regards,
    Dake

    November 4, 2015 at 7:19 pm #530370
    richardelectrix

    Hi

    Its working fine for me here.

    November 5, 2015 at 2:41 pm #530794
    Yigit

    Hey!

    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,
    Yigit

    November 5, 2015 at 3:37 pm #530835
    richardelectrix

    Hi

    That doesnt work either.

    November 5, 2015 at 3:44 pm #530842
    Yigit

    Hey!

    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,
    Yigit

    November 5, 2015 at 4:43 pm #530930
    richardelectrix

    Hi

    That is working now.

    Yigit, is our site working where you are?

    Thanks

    November 5, 2015 at 4:57 pm #530949
    Yigit

    Hi!

    Yes, I am in Lithuania and your site is working fine :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.