1. MikePritchard
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 02 October 2023
  5.  Subscribe via email
Hey I am really puzzled on this one.
On our three implementations of the J4 version of Boss on Mac Ventura 13.5.2 Safari 16.6 the home page doesn't scroll correctly. Some of the parts slide under others. But the demo works fine. It also works fine on the mac in Chrome, it's only Safari that is having the problem.

I compared the source code of the demo to our three installs and it is quite different. I downloaded our J4 version on 2023/August/24

Our three versions are:
https://transformcda.com
https://kingdom-advancement.com
https://morrobaypres.com

The demo is here: https://www.joomla51.com/demo/0117

Can you let me know what you think?
Thanks so much!
Mike
Accepted Answer Pending Moderation
0
Votes
Undo
Here is an example of the source codes. They should be identical but they are not.
From yours:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" >
<head>
<base href="https://www.joomla51.com/demo/0117/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Boss Template Demo" />
<meta name="generator" content="Joomla! - Open Source Content Management" />
<title>Home</title>
<link href="/demo/0117/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/demo/0117/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/demo/0117/templates/j51_boss/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/demo/0117/templates/j51_boss/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/demo/0117/templates/j51_boss/css/typo.css" rel="stylesheet" type="text/css" />
<link href="/demo/0117/templates/j51_boss/css/jstuff.css" rel="stylesheet" type="text/css" />
<link href="/demo/0117/templates/j51_boss/css/animate.css" rel="stylesheet" type="text/css" />
<link href="/demo/0117/templates/j51_boss/css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="/demo/0117/templates/j51_boss/css/nexus.css" rel="stylesheet" type="text/css" />
<link href="https://www.joomla51.com/demo/0117/modules/mod_j51gridgallery/css/style.css" rel="stylesheet" type="text/css" />
<link href="https://www.joomla51.com/demo/0117/modules/mod_j51icons/css/style.css" rel="stylesheet" type="text/css" />



<script src="/demo/0117/media/jui/js/jquery.min.js?c5232af3024615cd5d84a971a154f7ec" type="text/javascript"></script>
<script src="/demo/0117/media/jui/js/jquery-noconflict.js?c5232af3024615cd5d84a971a154f7ec" type="text/javascript"></script>
<script src="/demo/0117/media/jui/js/jquery-migrate.min.js?c5232af3024615cd5d84a971a154f7ec" type="text/javascript"></script>
<script src="/demo/0117/media/system/js/caption.js?c5232af3024615cd5d84a971a154f7ec" type="text/javascript"></script>
<script src="/demo/0117/media/jui/js/bootstrap.min.js?c5232af3024615cd5d84a971a154f7ec" type="text/javascript"></script>
<script src="https://www.joomla51.com/demo/0117/modules/mod_j51icons/js/modernizr.custom.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(window).on('load', function() {
new JCaption('img.caption');
});
</script>

From ours:

<!DOCTYPE html>
<html xml:lang="en-gb" lang="en-gb" >
<head>
<meta charset="utf-8">
<meta name="author" content="Super User">
<meta name="generator" content="Joomla! - Open Source Content Management">
<title>Transform Ministries - Coeur d'Alene</title>
<link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">

<link href="/media/templates/site/j51_boss/css/base/template.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/nexus.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/responsive.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/animate.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/system/css/joomla-fontawesome.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/fontawesome/fontawesome.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/fontawesome/v4-shims.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/fontawesome/regular.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/fontawesome/brands.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/fontawesome/solid.min.css?21bb82558aa48571606f5b922073345f" rel="stylesheet" />
<link href="/media/templates/site/j51_boss/css/vendor/joomla-custom-elements/joomla-alert.min.css?0.2.0" rel="stylesheet" />
<link href="//http://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet" />
<link href="//http://fonts.googleapis.com/css?family=Raleway:400,500,700" rel="stylesheet" />
<link href="https://transformcda.com/modules/mod_j51gridgallery/css/style.css" rel="stylesheet" />
<link href="https://transformcda.com/modules/mod_j51icons/css/style.css" rel="stylesheet" />

<script src="/media/mod_menu/js/menu-es5.min.js?21bb82558aa48571606f5b922073345f" nomodule defer></script>
<script type="application/json" class="joomla-script-options new">{"j51_template":{"scrolltoOffset":-55,"mobileMenuPosition":"left"},"joomla.jtext":{"ERROR":"Error","MESSAGE":"Message","NOTICE":"Notice","WARNING":"Warning","JCLOSE":"Close","JOK":"OK","JOPEN":"Open"},"system.paths":{"root":"","rootFull":"https:\/\/transformcda.com\/","base":"","baseFull":"https:\/\/transformcda.com\/"},"csrf.token":"ea434c31c9600a2fd2ee1660c8ba58d5"}</script>
<script src="/media/system/js/core.min.js?576eb51da909dcf692c98643faa6fc89629ead18"></script>
<script src="/media/vendor/bootstrap/js/bootstrap-es5.min.js?5.2.3" nomodule defer></script>
<script src="/media/system/js/messages-es5.min.js?44e3f60beada646706be6569e75b36f7cf293bf9" nomodule defer></script>
<script src="/media/vendor/bootstrap/js/alert.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/button.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/carousel.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/collapse.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/dropdown.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/modal.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/offcanvas.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/popover.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/scrollspy.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/tab.min.js?5.2.3" type="module"></script>
<script src="/media/vendor/bootstrap/js/toast.min.js?5.2.3" type="module"></script>
<script src="/media/templates/site/j51_boss/js/jquery-3.6.0.min.js?21bb82558aa48571606f5b922073345f"></script>
<script src="/media/templates/site/j51_boss/js/jquery.slicknav.js?21bb82558aa48571606f5b922073345f" defer></script>
<script src="/media/templates/site/j51_boss/js/noframework.waypoints.min.js?21bb82558aa48571606f5b922073345f" defer></script>
<script src="/media/templates/site/j51_boss/js/jarallax.min.js?21bb82558aa48571606f5b922073345f"></script>
<script src="/media/templates/site/j51_boss/js/scripts.js?21bb82558aa48571606f5b922073345f" defer></script>
<script src="/media/system/js/messages.min.js?7425e8d1cb9e4f061d5e30271d6d99b085344117" type="module"></script>
<script src="https://transformcda.com/modules/mod_j51icons/js/modernizr.custom.js"></script>



Should I try reinstalling the updated J4 theme? But it looks like the build dates are the same.
I am not sure this is the problem on the apple devices but maybe?
Thanks,
Mike
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Oh Sorry, I just realized the demo version on your site doesn't change, when you click on the J4 version it still shows the j3 demo. I thought it changed.
That would explain the source code being different. So that must not be the problem on safari. I also just updated one of our sites to the newer version of your theme. 1.2.2 but that didn't help the safari issues.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Okay so I found the problem but I am not good with js, so I disabled the jarallax thing by removing all the CSS class calls to jarallax.
That fixed the problem. I did it on two of the three sites and all is good. No parallax effect now but it works on the mac.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mike

Thank you for the update and for sharing your solution. Do you require the parallax effect? Would you like us to try and find an alternative solution?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, no I think we are okay with this as is. The difference between the parallax and the fixed background is subtle so I think we are fine.
Thanks much!
Mike
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.