Hey guys, I've tried asking this at the wordpress forums, but I'm not getting much useful assistance...
I've recently built a site for someone, which I'm currently testing (http://www.audaciousdreaming.com/test/), and I'm having a bit of an issue with Safari.
Basically, as can be seen on the site, the drop down menu links are just linking to named anchors within each page. This works perfectly with Firefox, Opera and IE, but Safari doesn't seem to 'see' the hashtag for the anchor in the link. It seems happy enough with the 'top of page' links, but the menu items do not play nice. I've tried with named anchors, named spans, using the 'name' parameter as well as 'id', but nothing works.
I found a forum post somewhere (which I've now managed to lose) that said that if there is some sort of redirect in the page header that Safari will pick this up and lose it's memory of #tags in a way that other browsers won't- I don't know if this is a known issue with Safari? Is there any easy fix?
Interesting -- you can actually see the site redirecting from
http://www.audaciousdreaming.com/test/index.php?page_id=18#Volunteers
to
http://www.audaciousdreaming.com/test/?page_id=18
... so presumably it's the rewriting out of the index.php that's causing the problem. mod_rewrite, from what I remember, can't "carry across" the fragment, so relies on the browser to do that, and Safari isn't doing it.
As a quick and dirty solution, could you simply change the links so they already omit the index.php and therefore don't get rewritten? That will presumably stop your site doing an unnecessary redirect, too, which can't be a bad thing...
I had a similar problem linking to in-page anchors. However, my problem involved javascript that was overwriting the link to the specific anchor and resetting the page to the top of the window.
Have you tried browsing the stack exchange site WordPress Answers? Here's my question there...with a jQuery solution to scroll to a named post id on a page.
Related
I'm having an issue with my website http://www.ben-drury.co.uk/ (I know the content sounds dumb, but it's my first attempt at a portfolio and it's not finished) where the formatting of the text is very peculiar under a specific set of circumstances.
When loading any post or page in Google Chrome, if I remain in the tab for the duration of the loading it looks like the image below, which is perfect and exactly what I want.
However if I start loading the webpage in a new tab and don't instantly navigate to that new tab, or indeed if I refresh the page and navigate away from the tab, when I come back it looks like the image below.
Interestingly it seems to work absolutely fine in Internet Explorer and Firefox, so initially I thought that it might be an issue with my installation of Google Chrome. However testing it on other computers resulted in the same thing happening, and a variety of different ways of phrasing the issue has turned up very little.
So essentially, how do I fix it for Google Chrome users?
(For those that cannot see the images, the text in the post placed as an example runs outside of the box it should be displayed in and often lines appear over the top of each other around hyper links.)
Update:
I've managed to fix the issue for pages by removing the justified alignment of the text. However I have made said change to the posts as well yet the problem persists for them.
So after a little more delving into the issue, I came to the conclusion that not only was the idea of web safe fonts actually a load of miss-represented nonsense, but that Google fonts might be the way to go. After installing a plugin for Google fonts onto WordPress and making all my posts use one by default, my problem has been entirely resolved and I can even have justified text on my posts and pages.
I am having a specific issue with my wordpress site that I'm trying to resolve.
The site is at www.dontforgetthebubbles.com
As you will see the homepage looks fine.
But many posts are not displaying correctly. As an example:
http://www.dontforgetthebubbles.com/2013/08/cradle-cap/#
The menu columns are all showing simultaneously (hover over 'Clinical' and compare this to the home page to see what I mean)
The 'toggle' button is not working (see http://www.dontforgetthebubbles.com/2013/07/intubating-with-stridor/ for an example of a post where it does work correctly).
I think the issues are related to more recent posts (and the older posts are ok) but it is affecting around 15 posts.
Could anyone suggest what my be causing this?
Thanks
You must have a CSS or plugin causing conflict. I can see that you're loading many stylesheets. Probably have a lot of plugins? Try disabling them one by one, beginning with the most recently installed to narrow it down.
Check all the Javascript files. Looks like some are missing on the pages with the problems. For example, superfish.js or sprite.js. My guess is one of them handles the dynamic menu features with is why <ul class="sub-menu">...</ul> under Clinical doesn't have by default the display:none property unlike your home page.
I have a website in wordpress. I recently download a plugin called Advanced Ajax Page Loader. It refreshes you content when clicked on other page without refreshing the whole site(header, footer). I tried to get my answer from plugins developer and wordpress support forum, but none responded.
I read that if ajax jquery call is used then all scripts should be reloaded again, for that the plugin have a place where I should put those codes. Until that everything works correctly, except one thin. When I go from a category to category, everything works fine, but when I open a single Post it completely screws up all my css for that page, when I refresh it, everything looks fine but then again, if I open one of the big categories with many posts, then that pages css is messed up.
I though that I could somehow refresh whole css by putting some code in the "Reload code" box, but I have no idea how to do that using scripts. English isn't my native language, therefore I'm having difficulty finding my answer on google, I tried, but my vocabulary is limited. How can I do it?
are you adding CSS classes to your elements via Javascript? If so, then the styles you add will only affect those elements which are part of the DOM at that point in time, so you might be experiencing a race condition, that actually happens to work in Chrome and Safari, but not Firefox.
second try to validate your markup and CSS and see if you have any error in your css syntax ?
I am using the plugin WP Cufon on my Wordpress website, however, the font is not displaying in Firefox. Chrome and Safari are working fine. Can't seem to figure out what the issue is. Looking at the source, it is loading everything, just not displaying...
http://gonuttzo.com
Any help would be soooo appreciated! This is driving me batty.
Thanks in advance!
Cufón doesn’t work in Firefox, but works in other browsers
Cause
This issue is almost certainly caused by an empty stylesheet () in your HTML, which causes Cufón’s CSS load detection to fail. This has been happening in recent versions of Firefox only, and seems to occur a lot with purchased WordPress templates. Note that this snippet will cause your browser to load and use your front page as a stylesheet. It’s pretty much the same as href="/". Extra slowness for zero gain.
Solution
Search your HTML for empty stylesheets. Note that the markup on your site may differ from the example, but searching for href="" might save you some trouble. Also, make sure to use the actual HTML (e.g. View Source in your browser) while doing this, if you only go through your template files the issue might be very difficult to spot as the empty href can be masked by, for example, a variable that has an empty value or a function call that returns an empty value.
I'm having a peculiar problem with comments in Drupal. If I enable writing comments in a node, and I put a hash tag in the url (for example, node/123#footer), it will load for a split second at the correct div and jump right back to the top. This doesn't happen on any other page of the site where there are no comments. It also doesn't happen if I disable comments or set comments to read-only for the node. It's not Javascript and it's not my theme because the same thing happens if I disable JS in my browser (tested with Chrome, Firefox, IE, and Opera) and use Garland. I've also changed the node's comment settings to every combination I could think of.
I want to use this because I have a lot of links that jump directly to a comment (each comment has id="comment-cid") but it's pretty useless right now!
Any idea where to look? Appreciate it!
Did you check thr source to see if there are any actual anchors available ?
If you have commentes over multiple pages(I mean 30 comments per page), then node/123#comment-3232 won't work if the comment-3232 is in ?page=1 or 2,3,etc.