View Replies (8)

Resolved SP Property contact us form " input field" is to large on ipad

  1. Issue
  1. Empire
  2. Sunday, 09 February 2020
Hi,

I'm using the template "empire" and on ipad the contact form input field is to large.

Can you please tell me how to resolve this.

Thanks!
Accepted Answer
Hi there, Also add this css code inside the custom.css file.



@media only screen and (max-width: 991px) and (min-width: 768px){

.spproperty-contact-us-widget {

    padding: 35px 20px 40px;

}

.g-recaptcha {

    transform:scale(0.6);

    transform-origin:0 0;

}

}

@media only screen and (max-width: 480px) and (min-width: 320px){

.g-recaptcha {

    transform:scale(0.8);

    transform-origin:0 0;

}

}


-Thanks
  1. more than a month ago
  2. Empire
  3. # Permalink
Responses (8)
Hi there,

Thanks for contacting us. Would you please share your site URL to check the issue?

-Thanks
  1. more than a month ago
  2. Empire
  3. # 1
Hi Toufiq,

yes sure: https://hst202207901.hst1.ncsrv.de/

Thanks
  1. more than a month ago
  2. Empire
  3. # 2
Hi there,

Please check the screenshot. I think it's fine.

https://prnt.sc/r0py7c
https://prnt.sc/r0pyga

-Thanks
  1. more than a month ago
  2. Empire
  3. # 3
Hi Toufiq,

I'm sorry I meant in the sp-property part, where you can leave a request.

This sites: https://hst202207901.hst1.ncsrv.de/index.php/apartments-preise/8-ferien-apartment-1

Thanks
  1. more than a month ago
  2. Empire
  3. # 4
Hi there,

Thanks for your feedback. Please add this CSS code inside the custom.css file. 



.spproperty-contact-us-widget .spproperty-widget-form {

    width: 100%;

    clear: both;

    margin-top: 22px;

    display: block;

}


-Thanks
  1. more than a month ago
  2. Empire
  3. # 5
Hi there,

Thanks for your feedback. Please add this CSS code inside the custom.css file. 



.spproperty-contact-us-widget .spproperty-widget-form {

    width: 100%;

    clear: both;

    margin-top: 22px;

    display: block;

}


-Thanks


Hi Toufiq,

thanks for that. It helped for the input fields.
But he recapcha is still to large!

Thanks
Attachments (1)
IMG_0159.jpg IMG_0159.jpg
  1. more than a month ago
  2. Empire
  3. # 6
Hi there, Also add this css code inside the custom.css file.



@media only screen and (max-width: 991px) and (min-width: 768px){

.spproperty-contact-us-widget {

    padding: 35px 20px 40px;

}

}

.rc-anchor-normal {

    height: 74px;

    width: 187px;

}


-Thanks


Hi Toufiq,
I'm sorry, but this does not work!

And becaus of this part: 


.spproperty-contact-us-widget .spproperty-widget-form {

    width: 100%;

    clear: both;

    margin-top: 22px;

    display: block;

}




the "SEND" Button is out of the form.



Please have a look again.



Thanks!

</code></pre>
  1. more than a month ago
  2. Empire
  3. # 7


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.
© 2010 - 2023 JoomShaper

Please publish modules in sidebar position.