Issue with scroll to position used in tabs

  • Hi, I’m using this plugin to scroll to points within tabs. As you will see from my menu, eg mortgages, it works fine when you select any menu option from the top men it will scroll and position the page correctly. The issue comes when say I navigate from Mortgages and select ‘Financial Planning’ > Investments. The page loads and scrolls, but it scrolls to the base of the tab content making it unclear for the user. Here is another example

    I start on this page [ redundant link removed ]

    then click on the menu option ”mortgages > Home Mover

    the page loads, but takes me right to the base by the testimonial so that I actually can’t see the tab info section unless I scroll up

    Once on the page, the top menu ”mortgages” appears to function fine and moves me to the right tab without moving me too low down the page.

    This issue happens also on any other pages where the tab ids are used in the top menu.

    I really need to find a solution for this.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author malihu

    (@malihu)

    Hi,

    You need to use plugin’s offset to accommodate for your sticky header (see plugin documentation).
    Go to plugin settings and set “Offset” option to:

    .cg-header-fixed

    Click save changes.

    You also need to change your link’s URL to scroll to the top of your tabs. For example change “Mortgages” > “Home Mover” URL to:

    https://pffinancial.co.uk/mortgage-broker/#navigation-menu-top

    This will fix the scroll to bottom issue. The page scrolls to bottom because your target elements that are inside the tabs (e.g. #1526291583493-977789a8-2538) are hidden, meaning that they don’t have a top position value.

    You should also enable “Page scroll to id” on your menu links. Go to plugin settings and change “Selector(s)” option value to:

    a[rel='m_PageScroll2id'], .menu-item a[href*=#]:not([href=#])

    Click save changes.

    Please note that “Page scroll to id” cannot switch tabs as this functionality is handled by the tabs plugin (or the theme itself if the tabs a core part of the theme).

    Plugin Author malihu

    (@malihu)

    Yes it would be weird.

    The only way around this would be to manually develop an extra js script and add it on your theme template. There no other way of making 2 different scripts work together.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issue with scroll to position used in tabs’ is closed to new replies.