• My team wants to make all of the subpages within our “General Info” tab part of one, long main page but keep the dropdown menu and have it point to a target on the page (that particular section). Is there a way to determine a target(s) on a page and have the navigation point to those targets?

    The page I need help with: [log in to see the link]

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

    (@bonnieg77)

    I have now created tags and edited the code accordingly, but when scrolling to the target the top is “cut off”- my drop down navigation links take me to the target section but does not show the header of that section, which is contained within the div. Not sure how to fix this?

    Theme Author Archimidis Mertzanos

    (@archimidism)

    Well the way you fixed it works great however due to the fact that there is a big header it overlaps it.
    This may require a lot of custom and advanced code,
    I will tell you a work around.

    Try creating a div before eg the #travel section , above it.
    Put an id to that div eg #travel-one and leave spaces below. Change the travel link to the #travel-one so the scroll will not cover the title ot the section.

    Thread Starter bonnieg77

    (@bonnieg77)

    Thank you – but the site keep “erasing” my space breaks after the new tag- <br> </br> etc… the only thing that will “save space” and allow me to point to a tag above the header is using actual characters, and I don’t really want a line of periods on the page. Is there another way I can enter the spaces? Even pointing to the new tags ABOVE the header cuts the headers off.

    Thread Starter bonnieg77

    (@bonnieg77)

    
    

    doesn’t work either- just is erased after updating the page.

    Also, even with adding in characters to create space, the target still points to the tag below the header IF link is clicked from “main” page (rather than click a target then click another target). Isn’t there any way to include the header in the targeted tag??

    Thread Starter bonnieg77

    (@bonnieg77)

    I’ve managed to do some custom code that points the target further down in the anchored section – BUT I am still having one problem consistently- when the dropdown link is clicked from an external page, the “landing area” is in a different spot than when it is clicked when you are already on the page. For example, if you are on “General Info” and you click “Schedule” in the dropdown, you are now taken to exactly the right spot on the page. However, if you are on another page (like FAQ, or Register, or whatever) and you click “Schedule” in the dropdown, you are taken to a point slightly higher than the anchored Schedule section. ANy ideas why the target would differ based on where you are starting from?? Here is the code I put in custom css (I tagged the SChedule and Travel Info sections with the anchor tag to achieve this):

    .anchor { position: relative; top: -310px; }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Long page- point to target in main dropdown navigation?’ is closed to new replies.