Hi Skipper

Could you try adding the following to the Custom CSS field of your templates parameters...

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

#logo img {

    max-width: 100%;

}

#header.block_holder {

    padding: 0 10px;

}

.logo {

    height: auto;

}}

Ciarán

Hi Ciaran,
Thank you for your prompt reply as usual.
But I regret to say that the main menu is still not visible in total. The logo width is ok but there is an emty space between logo and menu. on smartphone display only!!
Here the credentials again: login: admin password !1hannibal1!
Regards
Skipper

Hi Skipper

Testing on a number of mobile devices we find your mobile menu (menu link to the top right of the screen) appearing without issue.

For the header area height on smaller screen devices you can try adding the following to the Custom CSS field of your templates parameters editing to your own taste...

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

#container_header {

    height: 150px;

}}

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

#container_header {

    height: 100px;

}}

Ciarán

Hi Ciarán,
menu button on the top right of the screen. Is this an android issue? I'm using Oygen51 template as well but
with out such "problem". All other problems regarding http://www.kubale.biz/energieinbuergerhand are solved
Next issue:
I just checked an other site: http://www.viedoweitblick.de on smartphone as well (Habitat) and insert strings in custom css.
but logo is still not displayed correctly on this site. Also only on smartphones.
I found another issue regarding the slide show http://www.videoweitblick.de also only on smartphones. The first picture of the slide show is displayed to small. login: admin, password: HanniBal

I've another question. I was asked to to create an website for a nail salon. Do you have something in your portfolio
to meet this demand. Maybe even with pictures incl. copyright.
Regards
Skipper

Yopur mobile menu is displaying correctly. If you wish to disable the mobile menu and just display the default horizontal menu you can disbale the 'Responsive Layout' within the Responsive Options tab of your templates parameters.

Would you have a URL to an example of the slideshow issue? The URL provided is giving us a server not found error. Note the slideshow will reduce in size keeping the same ratio on smaller screen devices due to the limited space available.

Your choice of template is very much down to personal taste however following are some possible solutions for your project...

http://www.joomla51.com/joomla-templates/j51-virtuoso
http://www.joomla51.com/joomla-templates/j51-journal
http://www.joomla51.com/joomla-templates/j51-brooklyn
http://www.joomla51.com/joomla-templates/j51-cashmere
http://www.joomla51.com/joomla-templates/j51-kindle
http://www.joomla51.com/joomla-templates/j51-pianoforte

Ciarán

Hi Ciarán,
1.) http://www.kubale.biz/energieinbuergerhand is showing logo correctly. Issue can be closed. Thank you!

2. Second URL given to you was wrong, sorry. Correct URL http://www.videoweitblick.de. login admin password HanniBal.
Here I hv to issues (also Habitat)
a. Logo isn't displayed correctly on smartphone even though I insert the strings given by you for the first URL
b. Only first picture of slideshow and only shown on smartphones is to small in width and hight
The size on tablets and desktop monitors is correct.
Regards
Skipper

Hi SKipper

The access details provided do not appear to allow us access. May I suggest sending temporary access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

As this is a public forum I would strongly suggest not posting access details to your site.

Ciarán

2. For your logo try adding the following to the Custom CSS field of your templates parameters...

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

.logo a {

    left: 0;

}

#logo img {

    max-width: 100%;

}}

3. We are unable to notice any issues with your slideshow on smaller screen devices. All images are appearing the same size.

Ciarán

Hi Ciarán,
sorry to bother you.

Issue 3. I found out by myself. I changed file from a to big .gif into png with less pixels. That solved the problem.

2. smart phone landscape displays the logo cutting off the bottom. Width is ok now.
Thanks for your efforts.
Skipper
I'll send you a cheesecake after closing this topic.

Hi Skipper

Could you also try adding the following to the Custom CSS field of your templates parameters...

.logo {overflow: visible;}

Ciarán