Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #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/

    #521822

    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

    #521855

    Hi

    I have tried that but it doesnt work.

    Thanks

    #521869

    Hey!

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

    Cheers!
    Dake

    #521873

    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.

    #521877

    Hi!

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

    Cheers!
    Dake

    #521887

    Please see private

    #521969

    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 8 years, 5 months ago by Dake.
    #522230

    Hi

    Is that a UK based IP address?

    #522369

    Hi!

    That’s a Jamaican IP address.

    Regards,
    Dake

    #522379

    Hi

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

    #522384

    Hey!

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

    Regards,
    Dake

    #522396

    Hi

    That is added so you should now have access.

    Thanks

    #525412

    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

    #525679

    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

    #529949

    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.

    #530085

    Hi!

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

    Best regards,
    Dake

    #530370

    Hi

    Its working fine for me here.

    #530794

    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

    #530835

    Hi

    That doesnt work either.

    #530842

    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

    #530930

    Hi

    That is working now.

    Yigit, is our site working where you are?

    Thanks

    #530949

    Hi!

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

    Regards,
    Yigit

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