Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Tim Magee

    (@tim-magee)

    `Hmmm. I can’t edit the post above and it resolved into a link. The anchor tag should look like this:
    [tabby title=”How to Enroll”]
    <a name="how-to-enroll"></a>

    Tim

    Plugin Author cubecolour

    (@numeeja)

    You appear to have two elements with the id “Enroll-Now on your page. Each ID used on the page should be unique to a single element.

    once you have a element with a unique id you can target, eg:
    <a id="enroll-now"></a>

    You should then be able to link to the page, specifiying that the ‘How to Enroll’ tab is to be open, and for the page to be scrolled to the position of the ‘enroll-now’ anchor.

    eg:

    https://nonprofit.csd-i.org/mentored-training-nonprofit-communications//?target=how-to-enroll#enroll-now

    Thread Starter Tim Magee

    (@tim-magee)

    Good morning.

    Thank you for your response.

    OK, I must be missing something simple.

    I followed your code format from your response plus cleaned up any duplicate IDs. The word ‘Enroll’ only exists in the tab.

    Beta Test:
    If I put this anchor just before the beginning of the main tabbed section:

    <a id="test1"></a>
    [tabby title="Introduction"] – (this is the very beginning of the tabbed part of the webpage)

    And I use this link:
    <a href="https://nonprofit.csd-i.org/mentored-training-nonprofit-communications/#test1">

    I land just before the tabbed section of the webpage as per normal.

    However, If I insert that anchor within the tabbed section, and use the link above—I’m taken to the very end of the webpage.

    Tabby Test:
    If I insert the anchor within a tabbed area:
    [tabby title="How to Enroll"]
    <a id="test1"></a>

    And use the link you suggest:
    <a href="https://nonprofit.csd-i.org/mentored-training-nonprofit-communications//?target=how-to-enroll#test1">Learn more about program fees and the simple enrollment process here:</a>

    I’m also taken to the very end of the webpage rather to within the tab ‘How to Enroll’. See here:
    https://nonprofit.csd-i.org/mentored-training-nonprofit-communications/

    I’m assuming in your code snippet that ‘?target=how-to-enroll’ points to the How to Enroll tab?

    Any ideas?

    Thanks again for your patience!

    Tim

    Plugin Author cubecolour

    (@numeeja)

    The link looks OK, and I can now see the issue on your page, however I I have not been able to reproduce this on a test site, so I don’t know what is causing it.

    I notice there’s a form that pops up the the page is scrolled – I wonder whether a script associated with this is affecting the scroll value?

    I can’t see an obvious cause for this, but it may be due to another plugin and/or the them, so check whether this still occurs when all other plugins are temporarily deactivated, and also if the theme is switched to a default theme such as twenty-sixteen.

    Thanks!!!! Works great.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Linking to a page jump or anchor inside of a tab’ is closed to new replies.