Hello

Unfortunately we are unable to replicate this issue on similar Android devices (we don't currently have access to a Samsung Galaxy Tab 3).

Firstly ensure you have the latest version of Chrome installed. To help narrow down what may be causing the issue may I suggest removing the following from your templates index.php which will disable most scripts packaged with the template and see if the issue persists..

<?php include ("php/scripts.php");?>

Ciarán

Hi Ciaran,

I'm sorry, that I could not write you back until now, I was in the hospital.
But now I'm back.

I have the latest Version of Chrome on my tablet. Also I tested it with my Huawai P6 Mini, with Chrome and dolphin. It's the same problem like on my Galaxy Tab 3. I also tested it with a friend. He has an Iphone and Ipad. It's the same.

I checked what you have said and disabled the scripts. Then the Problem don't occurs.
Now I disabled only the jquery.vegas script, and the Problem don't ocurrs. So I think, it must be something with this script, that it don't work correct on the mobile devices.

Kind regards,
Nicola

Hi Nicola

To resolve could you try adding the following to the Custom CSS field of your templates parameters...

.vegas-container {

    z-index: -1;

}

Ciarán

Hi Ciaran,

I tested this. On first view, it seems to work.
But then another Problem occurs. You can't click on the menu items anymore. They are still there, but when you click on it, or hover on it with you mouse, it is doing nothing.

I think, that it is probably a Problem with the .vegas-slide {position: fixed;} in the vegas.css.

regards,
Nicola

Hi Nicola

Could you try replacing the above with the following...

.touch .vegas-container {

    z-index: -1;

}

Thank you for your patience.

Ciarán

Hi Ciaran,

on tablet is working now I think.

But on my mobile phone, it Looks like in this screenshot. Can you please have a look?
And is it posible to resize the logo? I think, it's to big at the Moment for mobile phone view.

Kind regards,
Nicola

Hi Nicola

Try adding the following to the Custom CSS field of your templates parameters where 180px is the new width of your logo and 440px is the effected max screen size (edit to taste)...

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

.logo-image {

    width: 180px;

}}

Ciarán

Hi Ciaran

Long time no speak, great to be online with you again.
I also have this same issue. I just added the custom css you mentioned but it doesn't seem to be making any difference.
Could you have another think for me? It seems to be something to do with the background image rather than the logo.
On my following pages (not the front page) the background image is delayed by a couple of seconds (don't know why, I didn't choose this), but it highlights that without the image, the layout is fine, and then as soon as the image loads the problem occurs.
Site is sesseto.com
Thanks in advance
Liz

Hi Liz

May I suggest sending temporary administration 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.

Ciarán

Thank you Liz

I have added the suggested CSS to the end of your templates nexus.css so it loads with every template style which appears to have resolved the issue.

Ciarán

Hmm. It's resolved on the frontpage, but I'm still getting it on my following pages - these use a different template to the front page as you know.
What do I need to add to the default template to make it work there too?
L
(PS, I just tried this in a different browser than the favoured Chrome browser so avoiding any caching issues)

Hi L

As the CSS was added to the core template files it would effect every style of your template. Strangely we are unable to replicate any issues on other pages of your site. Are you having the problem on a particular page so that we can check? The original issue mentioned in this post was reported to just appear on mobile Chrome, are you having the issue on all mobile browsers?

Ciarán

Hi Ciaran

It's happening on all pages on Chrome on galaxy s6 and also happening on the android browser called "Internet" if you happen to flick the page slightly to the right.

L

Here are some screen shots

Also, on the high res tablet (tab s, it displays like a PC screen), I cannot click any of the menu items.
Don't know if it's all related?
L

Ah I see... this is a slightly different issue to what was originally mentioned in this post. I have installed the latest download of your template which should hopefully resolve these issues.

Ciarán

Thanks Ciaran

Definitely fixed that bit but now only half my logo shows. Can we do anything about this?
I enclose a screen shot.
Again, this is simply a mobile issue, it's fine on pc.

Hello

To amend your logo try adding the following to the Custom CSS field of your templates parameters...

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

#logo {

    z-index: 200;

}

.logo a {

    top: 30px;

}}

Ciarán

Thanks Ciaran

I made a couple of amends to the code (mobile only, changed the numbers to suit etc), it works great.

All up and running - another success which I couldn't have completed without you!

Best Wishes

Liz

Great!.. glad to hear everything worked out in the end!

Ciarán