Hi Ciarán
Your solution works!
My problems are solved.

Thanks for the help!!
Still a nice week
regards uwe

Hi Uwe

May I suggest adding the following to the Custom CSS field of your templates parameters which should help in styling Joomla contact form on smaller screen sizes.

@media only screen and (max-width: 440px) {

.inputbox, .textarea, .registration input, .login input, .contact-form input, #jform_contact_message {

    width: 145px;

}

.hasTooltip.required {

    text-align: left;

}}

Ciarán

Hi Ciarán

I have an image under http://metropolis.poeppel-media.info/bild.png
The font is not less
and the form fields run from the template.

greeting
Uwe

Hi Uwe

I am not sure if I understand you correctly. Your contact form is not displaying correctly on mobile devices? And if not could you detail for me in what way?

Ciarán

Hi Ciarán

The entry in the Custom CSS field help for the first page: Contact! Here, the data are now displayed in the block!
However, the contact form does not continue with Responsive Options.

greeting
uwe

http://metropolis.poeppel-media.info/index.php/j-stuff/singlecontact

Hi Uwe

Regarding your contact page could you try adding the following to the Custom CSS field of your templates parameters...

.contact dd {

    display: block;

}

Ciarán

Hi Ciarán
Your help worked.
I was able to customize the logo as an image and logo as text.
Thanks for the solution!!

The problem with the contact form is complicated.
I have made two installations with the template Metropolis and both installations I have the same problems.
I then made ​​the demo installation and here I have the same problem.
As I have now found out this is not just the Responsive layout.
Under: http://metropolis.poeppel-media.info/index.php/j-stuff/singlecontact is my demo installation
Here, the formatting in the ordinary screen do not.
In Responsive layout is there more problems.
Perhaps these are related?

greeting
Uwe

Hi Uwe

To reduce the size of your logo on smaller screen devices may I sugges the following tutorial... http://www.joomla51.com/tutorials/item/re-sizing-your-logo-for-smaller-screen-devices

To reduce font size of a text based logo on smaller screen devices you can add the following to the Custom CSS field of your templates parameters where 36px is your new font size..

@media only screen and ( max-width: 767px ) {

h1.logo-text a {

    font-size: 36px;

}}

Could you detail for me in what way your contact form is not displaying correctly?

Ciarán