Cache over time breaks navigation
-
-
- RocketThemester
- Newbie
- Posts: 12
- Thanks: 0
-
www.accessagility.com
Using the Gantry framework with the Xmenia template and Fusion menu.
Seems that over time (maybe a few weeks) I have to clear the cache because certain pages on the site will have broken naviation.
Specifically, "Services" and "Contact Us" pages will have the logo occupy the entire top navigation, pushing or hiding the navigation buttons.
I am not sure whether this is a Gantry problem (this is how the navigation is built), a Joomla cacheing problem, or possibly a CDN problem. Right now the work-around is to clear the cache more often, but I just want to understand WHY this is happening and if I can prevent it.
Thank you.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22268
- Thanks: 3224
- messin' with stuff
-
hard to say... post a link when it's broken and we'll see if we can see where the busted styling file resides...
Never ever use Joomla Progressive Caching... Conservative Caching is mostly fine... - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- RocketThemester
- Newbie
- Posts: 12
- Thanks: 0
-
I have had Conservative Chaching on because the Progressive never worked. For now I have turned off the cache all together, so I cannot post the link to the broken html.
Here is the unbroken code (how it's supposed to render):
<div class="rt-container">
<div class="rt-grid-4 rt-alpha">
<div class="noblock">
<div class="rt-block">
<div class="module-surround">
<div class="module-content">
<div class="customnoblock">
<div class="rt-image rt-floatleft"><a href=" accessagility.com/ " target="_self" title="Home"><img src=" cdn.accessagility.com/images/Logo-white-orange.png " alt="" border="0"></a></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="rt-grid-8 rt-omega">
<div class="rt-block menu-block">
<div class="rt-menubar fusionmenu">
<ul class="menutop level1 ">
<li class="item101 root"> <a id="a-1412606327465520" class="orphan item bullet" href="/"> <span> Home </span> </a></li>
<li class="item420 parent active root f-main-parent f-mainparent-item"> <a id="a-1412606327466270" class="daddy item bullet" href="/government.html"> <span> Government <span class="daddyicon"></span> </span> </a></li>
<li class="item118 parent root f-main-parent"> <a id="a-1412606327472169" class="daddy item bullet" href="/services.html"> <span> Services <span class="daddyicon"></span> </span> </a></li>
<li class="item108 parent root f-main-parent"> <a id="a-1412606327477514" class="daddy item bullet" href="/products.html"> <span> Products <span class="daddyicon"></span> </span> </a></li>
<li class="item346 parent root f-main-parent"> <a id="a-1412606327479431" class="daddy item bullet" href="/about-us.html"> <span> About Us <span class="daddyicon"></span> </span> </a></li>
<li class="item130 parent root f-main-parent"> <a id="a-1412606327480117" class="daddy item bullet" href="/contact-us.html"> <span> Contact Us <span class="daddyicon"></span> </span> </a></li>
</ul>
<div style="display: block; left: 47px; width: 115px; top: 0px;" class="fusion-pill-l">
<div class="fusion-pill-r"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="rt-menu-mobile">
<select data-rt-menu-mobile="">
<option value="/"> Home</option>
<option value="/government.html" selected="selected"> Government</option>
<option value="/government/contract-vehicles.html">— Contract Vehicles</option>
<option value="/government/contract-vehicles/faa-efast-moa.html">—— FAA eFAST MOA</option>
<option value="/government/contract-vehicles/faa-dtfawa-10d-00045.html">—— FAA DTFAWA-10D-00045</option>
<option value="/government/contract-vehicles/gsa-it-schedule-70.html">—— GSA IT Schedule 70</option>
<option value="/services.html"> Services</option>
<option value="/services/project-management.html">— Project Management</option>
<option value="/services/software-services.html">— Software Services</option>
<option value="/services/technical-training.html">— Technical Training</option>
<option value="/services/enterprise-it-modernization.html">— Enterprise IT Modernization</option>
<option value="/services/data-center-modernization.html">— Data Center Modernization</option>
<option value="/services/wireless-and-mobility.html">— Wireless and Mobility</option>
<option value="/services/wireless-and-mobility/wireless-site-survey.html">—— Wireless Site Survey</option>
<option value="/services/wireless-and-mobility/wireless-lan-implementation.html">—— Wireless LAN Implementation</option>
<option value="/services/wireless-and-mobility/wireless-lan-security.html">—— Wireless LAN Security</option>
<option value="/services/wireless-and-mobility/satellite-communications.html">—— Satellite Communications</option>
<option value="/services/wireless-and-mobility/gigabit-point-to-point-wireless-bridges.html">—— Point-to-Point Wireless</option>
<option value="/products.html"> Products</option>
<option value="/products/bridgechecker.html">— BridgeChecker</option>
<option value="/products/sensor-pro.html">— Sensor Pro</option>
<option value="/products/wifiperf.html">— WiFiPerf</option>
<option value="/products/wifi-survey.html">— WiFi Survey</option>
<option value="/products/wifimedic-pro.html">— WiFiMedic Pro</option>
<option value="/products/wifi-scanner.html">— WiFi Scanner</option>
<option value="/about-us.html"> About Us</option>
<option value="/about-us/partners.html">— Partners</option>
<option value="/contact-us.html"> Contact Us</option>
<option value="/contact-us/va-office-directions.html">— VA Office Directions</option>
</select>
</div>
</div>
<div class="clear"></div>
</div>
And here's how it comes out when the cacheing is on for a while (usually a week):
<div class="rt-container">
<div class="rt-grid-12 rt-alpha rt-omega">
<div class="noblock">
<div class="rt-block">
<div class="module-surround">
<div class="module-content">
<div class="customnoblock">
<div class="rt-image rt-floatleft"><a href=" accessagility.com/ " target="_self" title="Home"><img src=" cdn.accessagility.com/images/Logo-white-orange.png " border="0" alt=""></a></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
It removes the fusion menu ( <div class="rt-grid-8 rt-omega"> ) completely and changes the first div from "rt-grid-4 rt-alpha" to "rt-grid-12 rt-alpha rt-omega".
Only happens on certain pages, this time it was teh "Government" page. We also have a CDN feature on that may be coming into play?
If you need more information I can turn on cacheing again, wait until it happens, and post the link as you said to do before.
Thank you.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22268
- Thanks: 3224
- messin' with stuff
-
Generally speaking Gantry doesn't like to be cached on CDNs... it dynamically builds a lot of content and when the caching is on a different server weird issues like this can occur... if you can set /component/com_gantry and /libraries/gantry to not be cached on your CDN it would be advised...
Do you have RokBooster enabled? - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- RocketThemester
- Newbie
- Posts: 12
- Thanks: 0
-
No I do not have RokBooster enabled.
I will test out having those two components not cached on my CDN.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22268
- Thanks: 3224
- messin' with stuff
- if no joy there, try also having your CDN ignore /modules/mod_roknavmenu
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.070 seconds