Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Contact form in mobile view is not displayed correctly

Featured Lock Resolved Issue
Hello,

I use Aspasia Template and the Contact form in mobile view is not displayed correctly.
See the picture in attachment, how can I correct this?

Here is my site Satedua Contact

Thanks!

Regards Taulant

Attachments (1)

  • aspasia contact.jpg
    aspasia contact.jpg 76.2 KB

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
yes, indeed doesn't look good because of left space.
Checking...

Paul Frankowski - Staff

More than a month ago #Permalink
use this in custom CSS field or custom.css file:


@media screen and (max-width: 480px) {
#contact-form .control-label, .form-horizontal .control-label {
float: left;
width: auto;
padding-top: 5px;
text-align: left;
font-size: 14px;}
#contact-form .controls {padding-left: 0px;margin-left: 0;}
}

Taulant

More than a month ago #Permalink
Hello Paul,

now is much better but not yet complete, the input fields has to be arranged vertically, see pic.

How can I correct this?

Thanks

Regards Taulant

Attachments (1)

  • aspasia contact arrange vertically.jpg
    aspasia contact arrange vertically.jpg 72 KB

Paul Frankowski - Staff

More than a month ago #Permalink
It's because Labels names has different width, so static width can help


@media screen and (max-width: 480px) {
#contact-form .control-label, .form-horizontal .control-label {
float: left;
width: 90px;
padding-top: 5px;
text-align: left;
font-size: 14px;}
#contact-form .controls {padding-left: 0px;margin-left: 0;}
}

Taulant

More than a month ago #Permalink
many thanks :)


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Sifat

Sifat

Total Accepted Answers: 61
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303076

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us