Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Jumping Issue on Landing Page Links with Fullscreen Slider

Jumping Issue on Landing Page Links with Fullscreen Slider

Scheduled Pinned Locked Moved Addons
6 Posts 2 Posters 92 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    M Offline
    marcin
    wrote on last edited by
    #1

    Hello,
    Thanks for the great work.

    I am experiencing an issue on my website's landing page. The page uses the Fullscreen Slider add-on with text boxes in the center of each slide, which serve as links to different projects.

    When I click one specific link (e.g., the one leading to http://alexanderctrigg.com/utkane/), the page briefly jumps to another background video/slide (e.g., http://alexanderctrigg.com/el-canto-de-los-anos-nuevos/) before navigating to the intended link.

    This behavior happens sporadically but is more frequent on Chrome.
    All links are added via text boxes on the Fullscreen Slider slides.
    Could this be related to how the Fullscreen Slider handles click events or transitions?

    Any advice would be greatly appreciated!

    https://alexanderctrigg.com/

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      oh i think maybe its because there is an error in your javascript:

      Screenshot 2024-12-09 at 10.07.56.png

      Screenshot 2024-12-09 at 10.08.09.png

      pls change this one line to

      const itemUrl = item.hasOwnProperty('href') && item.href != undefined ? item.href.replace(/\/$/, '') : ""; // Normalize menu item URLs
      
      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        or try step number 4 in the top right blue box here in the forum:

        Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

        1 Reply Last reply
        0
        • M Offline
          M Offline
          marcin
          wrote on last edited by
          #4

          Thanks for answering. So changing the line in js didn't fix the issue and also it removes the "blue" active state of the project while being redirected from the landing page.

          "Turning off all custom code" is not an option as a permanent solution but I've tried to test the link and the jumping is still present. It seems like the hyperlink works as left/right navigation before it redirects to the project.

          Do you have any other tips? Or should I rebuild the landing on carousel?

          1 Reply Last reply
          0
          • M Offline
            M Offline
            marcin
            wrote on last edited by
            #5
            This post is deleted!
            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              it works now no? what did you change?

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              I also code custom websites or custom Lay features.
              šŸ’æ Email me here: šŸ’æ
              info@laytheme.com

              Before you post:
              1. When using a WordPress Cache plugin, disable it or clear your cache.
              2. Update Lay Theme and all Lay Theme Addons
              3. Disable all Plugins
              4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

              This often solves issues you might run into

              When you post:
              1. Post a link to where the problem is
              2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
              3. If the problem is difficult to explain, post screenshots / link to a video to explain it
              Online Users
              dafvD
              dafv
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
              laytheme.com
              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Recent
              • Tags
              • Popular
              • Users
              • Search