Hello

In your templates scripts.php (../templates/J51_sophia/inc/scripts.php), try replacing the following (LINE 8)...

$document->addScript('templates/'.$this->template.'/js/mmenu-light.js', true, false);

With

$document->addScript('templates/'.$this->template.'/js/mmenu-light.js', false, true);

Does this resolve the issue for you?

Ciaran

That did not work. See video link.
https://drive.google.com/file/d/1b_5-ks-yS2BJTBECpqDHkl6iwKTIutdG/view

It's happening on newer iPhones

Thanks
Lisa

Hi Lisa

Thank you for the detailed explanation!

Strangely we are no longer able to replicate the mobile menu, testing with the latest version of iOS and Safari. I suspect that you are possibly loading a cached version of your sites assets (js). Does clearing your browser cache resolve the issue? (https://support.apple.com/en-ie/HT201265).

To fix the scroll issue, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 480px)

  and (-webkit-min-device-pixel-ratio: 2) {

.owl-carousel {

    pointer-events: none;

}}

I note the low contrasting text mentioned is no longer present on your homepage.

Kind regards
Ciaran

It seems the issue is happening on IOS 14.

I have 13 on my phone and haven't updated and menu works but both the client and my business partner have updated to latest version of IOS and it's not working any more on their phones. In fact my client was on IOS13 and it worked and then updated to IOS14 and it stopped working.

Yes - cleared history.

Now also having trouble with fixing the visited link color. It seems to be blue by default but I cannot see where to change it.
I tried adding the following to my CSS and it changed the links to be the light purple whether they were visited or not
a:link {color: #361074;}
a:visited {color: #c4a8f2}

(and yes, I cleared my history and even tried another browser to check)

Seems we have fixed the menu. My developer fixed something in the JQuery code and now it's working.

But still having issues with the link color.

Hello

Your site appears to be currently offline (timing out).

Are you adding the CSS to the Custom CSS field of your template settings? This is best as it is at the end of the cascade and therefore will have preference over other CSS. Also, ensure no other more specific CSS is been applied to the element in question. If you wish you can post a URL, detailing the location of the element and we will examine it further.

Ciaran

I am having the issue with the Sophia mobile menu.

Mentioned you fixed something in the jquery....can you share the fix so I can use it too. The menu does not work.

I am using Sophia template ver. 1.0.12 on only one website and the menu is not working on any of my Apple mobile devices (iOS 14.1). I have Sophia template ver. 1.0.5 used for another website and it DOES work on my devices. Seems like something is going on in the new version. What was the fix?

I noticed in looking at the two template versions that in the newer version, "Mobile Menu Type" and "Slideout Toggle Color" are missing options in the location:
Templates: Edit Style > General > Responive Options

Hello

Can you replicate this issue on our template demo after a full refresh (CMD + F5)?.. https://www.joomla51.com/demo/0155/

Ciaran

Hello

Can you replicate this issue on our template demo after a full refresh (CMD + F5)?.. https://www.joomla51.com/demo/0155/

Ciaran

No, I can't replicate it. The template demo works on my phone. I see it's now version 1.0.14 so I updated my site...but it's still not working. I also updated another website from 1.0.7 to 1.0.14. The mobile menu "hamburger" icon is gone and the links are listed at the top of the screen. You can see it here https://www.souladventures.us/

Hello

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.

Ciaran

will do

Thank you

We have just updated the Sophia template which will hopefully resolve this issue. Could I ask you to install this update and check if the issue persists? For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

Ciaran

Thank you

We have just updated the Sophia template which will hopefully resolve this issue. Could I ask you to install this update and check if the issue persists? For details on updating your template may I suggest the following article.. https://joomla51.com/tutorials/joomla-basics/updating-your-joomla-template

Ciaran

It WORKS! Not sure what you did, but that update fixed my issues. Thanks!

Great... thank you for the update!

Ciaran

Just updated the Sophia template on our site http://www.friendsofsanfilippino.org. Menu is not working on mobile devices, and inline icons do not show up on home page.
Please advise.

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.

Ciaran

Hi Ciaran,
I have emailed you temporary admin access.
Best,
rita

Hi Ciaran,
I am still waiting for a response to my inquiry from two days ago.
Thank you in advance for your help. I have the updated version of Sophia, which works well on laptop, but the menu is not working on mobile devices. I have sent you temporary admin access.
Best,
rita

Hi Rita

We replied to your email with the following request...

Could you also include a password for this user account.

Ciaran