Support » Plugin: Page scroll to id » Going to Footer

  • On my Homepage https://allenvisioninc.com I use a Site-Oring Hero for the first image after the feature image. The Hero button address is https://allenvisioninc.com/#contact — a form at the bottom of the page.

    Clicking LET’S TALK it displays the footer menu on the first click. If I retry it, it displays perfectly.

    The nice folks at SiteOrgin suggested – This is happening as a result of the fixed menu. Please install Page scroll to id and navigate to WP AdminSettingsPage Scroll to id and set the Selector to .entry-content a. Set the Offset to #header-inner.

    I did that and nothing changed.

    Also in the SiteOrign Editor, the Page scroll to id icon button to create the shortcode does not appear.

    Thanks, Kim

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

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

    (@malihu)

    Hello Kim,

    1.The option values suggested by SiteOrgin folks are almost correct. The “Offset” option value (#header-inner) is correct but you should change the “Selector(s)” option.

    Go to “Page Scroll to id” settings and change “Selector(s)” to:

    a[href*=#]:not([href=#])

    Click save changes.

    This instructs the plugin to handle all links with a hash (#) in their URL.
    You can confirm this by clicking the “LET’S TALK” button. You’ll see that it now scrolls the page smoothly (instead of jumping to the target).

    2.When you click the “LET’S TALK” button the first time, it doesn’t scroll to the correct position because you have a large image (“Optimizing every area of your business!”) that is loaded <b>after</b> the page has scrolled past its point. This image is handled by a lazy-loading script.

    Since this image sits before the contact section, it conflicts with the contact section position in the sense that it changes this section’s position after it’s loaded (that’s why the 2nd click on “LET’S TALK” button works correctly – the image has loaded).

    Hope all the above make sense.

    The only solution to this issue is to disable the lazy loading script for this image (I don’t know if this lazy-loading script is another plugin or part of the theme itself).
    Another solution would be to hard-code the image height in HTML or CSS but it might affect the responsiveness of the layout.

    3.Unfortunately for now, SiteOrign Editor does not allow custom 3rd party plugin buttons such as the “Page scroll to id” toolbar buttons (that’s why you cannot see them).
    This said, you should be able to use plugin’s shortcodes directly in the editor (the buttons and shortcodes do the same thing).

    Please note that since we changed the “Selector(s)” option to handle all links with hash, any standard/plain link you create in the editor (e.g. https://allenvisioninc.com/#contact) will work automatically. Also, SiteOrign Editor provides an ID field for every content block, so you can use this ID to use as your target elements (if you prefer not to use plugin’s shortcodes).

    Hope this helps 🙂

    Hi,

    Thank you for your comprehensive reply.

    When I changed Selector(s)” to: a[href*=#]:not([href=#])

    It seems to work, however, it takes about 10 seconds after hitting “LET’s TALK” to go to the contact spot.

    Images on various pages would not load for 5 to 10 seconds. My most of my images load from an external url and I use lazy load. All to get my page speed faster.

    I’m guessing the “Page Scroll to id” waits for all the lazy loads to complete. So I’ve removed Page Scroll to id on this site.

    Your explanation #2 (image conflict) makes perfect sense. When I move the image below the contact area. It jumps to the right spot.

    Thank you again. KIm

    Plugin Author malihu

    (@malihu)

    If I remember correctly the 10 seconds animation was because the “Scroll duration” option in plugin settings were set to 10000 milliseconds (i.e. 10 sec). I thought you had changed it to this value in order to check if page scrolling worked.

    Anyway, if you need any help with the plugin in the future let me know 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Going to Footer’ is closed to new replies.