Bookmarks inside a page not working correctly

I am trying to create bookmarks inside a page and its not working correctly.

I have the following code at the beginning of the page

Code: Select all

<a href="#HeadingTwo">HeadingTwo</a>
<a href="#HeadingThree">HeadingThree</a>
<a href="#HeadingFour">HeadingFour</a>


somewhere else in the page

Code: Select all

<h2><a name="HeadingTwo">Heading Two</a></h2>
<h2><a name="HeadingThree">Heading Three</a></h2>
<h2><a name="HeadingFour">Heading Four</a></h2>


When i click on the link, it does not redirect me to the exact location.

I have created a test page to demonstrate the problem. Please check out the following page
http://dreamwave.net/wp/?page_id=1446

Any help to resolve this issue is greatly appreciated.

Hi,

I'ts working properly, when I click "headingTwo" it redirects me to the HeadingTwo section, but you should use #id instead of name attribute - name, because name attribute is not supported in HTML5.

check this article:

Hi Piotr,
Thanks for the tip. I changed the attribute from "name" to "id".

I still have the problem. i see the same problem in multiple browsers - Safari, Chrome & IE9.

When i click on the "Heading Two" link, i expect it to jump to "Heading Two" id, ie., the resulting page should display "Heading Two" on the first line. Instead it jumps to the <ul> list (i.e., <div class="gk-textblock" data-style="style1">), and the list is displayed on the first line.

This problem only happens with the cloud host template. I created a new test site and uploaded the same page and the links work correctly on that page.
http://dreamwave.net/wptest/2014/01/24/test-page/

Ok, now I understand your problem, it's because of fixed top menu. Your links work properly but the menu is on top.

Add this code to css/override.css file (first enable this option from Template Options -> Advanced tab) and check the difference:

Code: Select all

#gk-menu-wrap {
position: absolute;
}

Yes, i have the fixed top menu enabled.
I added the code to css/override.css and made sure that the option is enabled under advanced tab.

That did not help, the problem still exists.

Now is ok, check this URL:
http://dreamwave.net/wp/?page_id=1446#HeadingThree
it's redirect to the heading three.

Thanks Piotr. Yes i see that it works correctly with the aside menu. So we'll change our menu to aside menu.

Thanks so much for your help