How to stop a quick appearance of unstyled content from displaying - javascript

I have the following site where there is a quick flash of the site with the megamenu-new.css not affecting the site.
Here is the url: http://test.foulston.com/about
You can click back and fourth between about and careers pages to see the flash. I have tried what other people have suggested, but nothing is working.
The issue started after we applied the Adobe Accessible Mega Menu to the site.
If anyone can suggest how to fix this I would be grateful.

Related

How to troubleshoot a white flash between page loads

I'm working on a website, and it flashes a white screen between page loads, every time I click a link. I've read a lot of other posts on similar issues, but each scenario looks to be different. How do I best go about troubleshooting where this flash is coming from?
The site is using WordPress, custom built from the Genesis Child Sample theme. I'm not greatly versed in the Inspector tool. Anything I should be focusing on in reviewing/testing?
This issue ended up coming from an animation I was unaware of on the .site-container. I removed this CSS, and the issue was resolved.

Facebook in-app browser cuts off top of webpage

When clicking a website link from within the Facebook iOS app, the page loads fine (within the in-app browser). But then when you scroll down and then back up, the top is cut off. This is a problem for website with a nav bar at the top, like amazon.com. Is there a workaround for this? One that does not involve the user having to disable the in-app browser. This is aweful when you realize you've spent money sending people to a website they cannot use.
Update: This seems to be an issue with a slightly older version of the Facebook App for iOS. In the newer version of the FB App, this is not a problem.
Even still, I'd like to know if anyone has experienced this and if so, is there an HTML, javascript or jquery solution to the problem. I know I can detect the FB browser, maybe even the version of the in-app browser. But still, what to do then.
I think I am going to try using frames. I guess I could pad the top and bottom.enter image description here

Modified Joomla Template now no main area links work in Chrome, but work fine in IE?

After being out of the web development game for over a decade, I'm back and now rebuilding a school's site based on a Joomla template. Now on Chrome even a basic HTML tag won't bring up a link in the main template. All mailto links disappear (literally anything with an email address disappears from the text of the site) as well-- and was giving some random "install javascript" message.
This is the site. We had to do a bunch of CSS cutting and hacking to get the template to fit the visuals we needed.
http://www.novaschool.org/index.php/nova-home
If anyone has any ideas, I'm forever in your debt!!! Most of the teachers use Chrome, so we're never going to get far.
Cheers,
sam (who started web programming in '94, but hasn't done much of anything hands-on since '98)
There are a great many issues with this site. Critically, it really needs to be updated to a current,secure, version of Joomla.
The issues you are referring to though are because 1) your links are white in colour and the background is white, rendering them invisible and 2) the menu is set to be 90% of the width of the body and uses absolute positioning, making it impossible to interact with any element beneath it.
Honestly, if I were you I'd start with a fresh current installation of Joomla and copy your content across, it will be far less work than bringing this one up to scratch.
p.s. For future reference, there's a Joomla specific Stack Exchange.

Sudden JavaScript issues on Joomla 2.5 Website

I have a website using Joomla 2.5 and a high number of Plugins and components. I did not change a thing, but since this morning the following happens: The page is rendered fine, and after some seconds delay the page disappears and only one (or several, if available) banner of that page remain. This only happens with javascripted banner items, not with regular image banners. Pages with more than only one banner collapse and show all these banners (without the rest of the page).
What could potentially cause that error, and where to look for rectification?
Thanks for any idea anyone may have.
Ralph
Example:
enter link description here
The problem was solved by the programmers of the main site software JReviews, they "reverted a change that was made to a slider to fix an issue with jQuery 1.11 which is loaded by the latest Joomla 3.2."
I hope this explanation is helpful for the StackExchange forum, and also sufficient, as I do not have further details of the error rectification that was done remotely. Should I get any further details, I will surely post it here.

Making an embedded Flash not stop when a Greybox overlay is opened on top of it

I'm working on a band website that has a Flash-based music player always visible. The idea is that the user can listen to the band's song as he is browsing through the site.
This has been working nicely, but in the weekend I started to work on a Greybox-based gallery for the site and ran into a serious issue. When an image is opened into the full Greybox view on top of the flash, the music stops. In fact, you can see through the overlay that the music player disappears completely until the Greybox overlay is closed. After the overlay is closed, you can select and play a track again.
This problem happens at least with newest Chrome and Firefox 5. For some reason, IE8 plays the track on the background fine.
Now, what could be causing this, and more importantly is there anything I can do to fix it? Any help would be most appreciated!
Just a FYI for those who might run into the same issue, Lightbox2 Lite did not have this issue (regular Lightbox did, though) and worked out of the box. This was in Drupal but I'd imagine the same applies elsewhere as well.

Categories