My sites Auto-nav dissapears sometimes!

Permalink
Hey all,

I have a nasty problem. Sometimes when i go to the site, the navigation bar seems to be empty, meaning the Auto-Nav has dissapeared!

This problem has been especially with Google Chrome and sometimes with iPad, also (well, I´m going to build a mobile-optimized theme, so we´ll see if this continues after that with iPad).

You need to refresh page like 20 times to get it back, but I don´t think my customers would to that! Instead, they will leave the page in no time as they can´t navigate in page :(

site is athttp://www.funnypurple.net

funnypurple
 
mckoenig replied on at Permalink Reply
mckoenig
Can't confirm the problem. You need to provide a clearer description on how to reproduce the behavior. Right now I only see a working autonav. On Chrome and FFox.
funnypurple replied on at Permalink Reply
funnypurple
And that´s the problem, because I can´t figure out, why and when it happens! It seems to do it very randomly. First time I thought I had messed up my theme when updating it, but it wasn´t that. And today, as I opened the page, the navigation was missing again and I haven´t updated the pages for one week or so.

Could that be because of my self-made theme? Or the webhotel/server I´m using? I`ve had the same server since 2004 and there had never been problem before. This is my first Concrete5 -page in this server (have done a couple before).

I really have no idea where to start figuring out the problem, because it seems so random...

This has happened now in three different computers, so I´m a little concerned... Has anyone else had this kind of problem?
mckoenig replied on at Permalink Reply
mckoenig
I can't imagine a scenario where the autonav would just not be served but the rest of the page renders fine.
Next time this comes up, try to visit the page with the Chrome browser in incognito mode (and hence no cache files and extensions will be used). Try and see if this changes anything. My best guess right now is there is something at odd with your browser configuration. But you already said it showed the same behavior with three different computers so this might after all not be the case.
Are there any dependencies on content delivery networks? Like a hosted javascript or font service? Maybe something is sometimes broken there and keeps the autonav from getting displayed correctly.
funnypurple replied on at Permalink Reply
funnypurple
Well, the fonts in theme are hosted by Google Web Fonts. Maybe that´s the reason?

Though the problem effects also the first link in navigation (which leads to starting page) and it is not included to Auto-nav but an independent link made with png-image.

I´ll check the fonts in first place and try to think some solution... Thanks for advices!
mckoenig replied on at Permalink Reply
mckoenig
Google Webfonts should be highly reliable. And there is always a fallback in your CSS. So it shouldn't make your navigation disappear completely. I'm still betting on the browser issue thing.

If this stuff happens, only the nav is gone, yes? Nothing else on the page is wrong or behaving wrong?
funnypurple replied on at Permalink Reply
funnypurple
Yes, the issue is only with navigation bar, all the rest has always worked fine...
Steevb replied on at Permalink Reply
Steevb
A thought!

You're setting weight try taking it out.

Muli:300,300italic | Norican

Muli:italic | Norican

Also 'Muli' is cursive and 'Norican' is sans serif, don't know if that makes for confusion?
funnypurple replied on at Permalink Reply 2 Attachments
funnypurple
I changed the referring to Google web fonts, so the confusion between Muli and Norican would be avoided.

With Chrome and Firefox it seems to work same way as before, so at least no more harm done :)

BUT: with IE 9, everything in header is missing, even in source code! So as I load the page with IE 9 the areas Navi1 and Navi2 are empty. Navi1 should include the JPEG image which is linked to main page and Navi2 should include the Auto-nav.

Here is the source code attached and print screen from IE 9 also.
mckoenig replied on at Permalink Reply 1 Attachment
mckoenig
Again, I can't confirm that. Just tested your page in IE9, everything is the way it should be.
(see attached screenshot)
funnypurple replied on at Permalink Reply
funnypurple
So wierd!

Well, it is good if the problem shows up only with my office computer, but I´m afraid it really isn´t the only one...
Gingebean replied on at Permalink Reply
Gingebean
Hi there, just to reassure you

I tried you site on 2 computers while i was in Bordeaux
Chrome,FF,Ie8

Then on two computers back here(another part of France)
Chrome,FF,Ie9 and with ietester ie 7,8,9
navigation showed up on all of them.

is there any similarities with other pcs that had same error showing
i.e time they connected to you site;
was server cache deleted at this time?
was work being done on server /site at this time?
was cache on your computer(s) deleted ?
to be safe...delete server cache and pc cache and try to connect again I am pretty sure that problems is related to this
Steevb replied on at Permalink Reply
Steevb
To be safe with IE change your 'doctype' to the 'HTML5' or 'old' way and try using '@font-face'.

Try validating your website with the W3C, you'll see what I mean.
funnypurple replied on at Permalink Reply
funnypurple
Thanks for the tips guys!

I have checked the CSS with w3schools, but there must been some lower standard or something, because apparently there still are problems.

I´ll do it again :)
Steevb replied on at Permalink Reply
Steevb
Use W3C validator:http://validator.w3.org/
funnypurple replied on at Permalink Reply
funnypurple
The w3s validator doesn´t understand the lines Concrete5 is using inhttp://www.funnypurple.net/themes/funnypurple_style/default.php.... It gives an error of character set missing for example, though that is included in php script:

<?php Loader::element('header_required'); ?>


Also it validator doesn´t get the

<link href="<?=$this->getStyleSheet('style.css')?>"rel="stylesheet" type="text/css" />


right, but gives an error for that, too.

Or do I have to put some other source than default.php?

With CSS3 there seems to be no more errors.
funnypurple replied on at Permalink Reply
funnypurple
I took all the extra fonts and stuff away from CSS and default.php, but it had no ffect for this problem.

Then I cleared the cache and it helped, at least for now.

I´m just thinking, how often I have to go and clear the cache? Every week or so?

I have never had this kind of problems when using Joomla or just regural php/html pages. I thought Concrete5 would be simpler and lighter, but it seems I have to do so much more stuff to get site working properly :/ Of course it´s good that all the possible errors get fixed, but it seems that Joomla was a little bit more understanding.

But I´m not going to give up yet, though!
Steevb replied on at Permalink Reply
Steevb
Use your actual site with the validator:http://www.funnypurple.net
Gingebean replied on at Permalink Reply
Gingebean
hi again although w3c valid code is very good practise , it is not however what is causeing the problem here as the code html in auto-nav is not even outputted my the php...so your pc was probably showing an old version of ur site page without this navigation

server cache should be turned off during developpment through dash board ...also using alt +F5 helps for getting rid of ur pc cache

after site is finished you can determine cache optionns for the global site or for each page again through dashboard

good luck !
Steevb replied on at Permalink Reply
Steevb
Okay,
Now you've made the 'doctype' change to 'HMTL5' the site now works with IE9 and my iPad.

Time to play with fonts?
funnypurple replied on at Permalink Reply
funnypurple
Yeah, thanks for help!