Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

× Contact Enhanced is a contact component manager created to replace Joomla! core contacts component and add lots of advantages and new features (see Features ) and it offers many plugins and modules for several different purposes,
Product page | Documentation Page

Contact fields overlap

2 years 4 months ago #25950 by FlyingMarkus
Hello everyone,

In the mobile view the contact fields are overlapped. I have selected "50% - two columns" for the fields which should be displayed next to each other.

Everything is fine on the PC. But in the mobile view the whole thing looks a bit destroyed.

Screenshot: abload.de/img/zerstrtmljhm.png

Link to form: www.deutsche-mitflugzentrale.de/individuelle-flugfrage

Why is that and how can I prevent it?

I use:
Joomla 3.9.20
Contact Enhanced 3.9.14

Many greetings,
Markus

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25951 by FlyingMarkus
Its look normal on desktop version: abload.de/img/normal9lkph.png

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25952 by support
Dear Markus,

The Link to the form redirects to a 404 page. Anyway, I see your template uses Bootstrap. In this case, I recommend using Width type to Bootstrap width instead of (Fixed) Percentage.

Best regards,

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25953 by FlyingMarkus
Hello Douglas,

I changed all form fields width from percentage to bootstrap (50% column). It looks great on the phone. However the form is not displayed as desired on the PC.

The form should look like this on the PC:
And this is how it currently looks:

What is wrong?

Best regards,
Markus
Attachments:

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25954 by support
Dear Markus,

I get a 404 Error page when I try to access the link you've provided. Can you please provide a current link, so I can take a closer look?

Best regards,

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25955 by FlyingMarkus
So it works now?
Link: www.deutsche-mitflugzentrale.de/individuelle-fluganfrage

Best regards,
Markus

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25956 by support
Dear Markus,

I don't usually have this probably, but there's a quick way to fix this. Please go to Components > Contact Enhanced > Form Fields and either create a new CSS Form Field or edit an existing one with the following content:
.contact-form .row-fluid [class*="span"] {
    margin-left: 0;
}

Best regards,

Please Log in or Create an account to join the conversation.

2 years 4 months ago #25957 by FlyingMarkus
its work perfectly thanks for the answer and thanks for the help!

Best regards,
Markus

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback