1. poeppel
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 21 May 2014
  5.  Subscribe via email
Hello
I have a problem with the Responsive layout and the setting for the logo.
When I use a logo with text, the text is not mobile display smaller: http://gasthaus-zur-linde-eystrup.de/ Text :: "Gasthaus zur Linde" . If I use a logo as an image, the image is not displayed smaller: http://helms-hotel.de/
What am I doing wrong?

There is yet another problem. The contact form: http://gasthaus-zur-linde-eystrup.de/index.php/kontakt is not displayed correctly. This is so not only in this installation, but also to other pages.

I am using Joomla 3.3.0 and the template: J51_Metropolis - Standard

Thank you
regards
Uwe
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
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
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán
Your solution works!
My problems are solved.

Thanks for the help!!
Still a nice week
regards uwe
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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