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. General Discussion
  3. Ignore a targeted element in the ‘Transitions when Navigating’

Ignore a targeted element in the ‘Transitions when Navigating’

Scheduled Pinned Locked Moved General Discussion
10 Posts 2 Posters 105 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.
  • C Offline
    C Offline
    craigfeldspar
    wrote 28 days ago last edited by
    #1

    Hello, is it possible to ignore a targeted element in the ‘Transitions when Navigating’ animations?

    Thank you very much!

    1 Reply Last reply
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote 28 days ago last edited by
      #2

      can you right click the element in the gridder
      click "set html class and id"

      for class, enter:

      no-animation

      1 Reply Last reply
      0
      • C Offline
        C Offline
        craigfeldspar
        wrote 28 days ago last edited by
        #3

        unfortunately it doesn't work, I wanted to test it for my navbar (.switch)

        https://benoitlefeuvre.com/

        1 Reply Last reply
        0
        • A Offline
          A Offline
          arminunruh
          Global Moderator
          wrote 20 days ago last edited by
          #4

          i dont see a no-animation class added here
          Screenshot 2025-04-18 at 11.26.11.png

          You need to add it to the elements, not the row. I see you added it to the row.
          So right-click any elements in your gridder that should not get animated and enter the HTML class for those.

          1 Reply Last reply
          0
          • C Offline
            C Offline
            craigfeldspar
            wrote 16 days ago last edited by
            #5

            I had indeed added it to the line, sorry.
            I've updated it but the problem persists.

            1 Reply Last reply
            0
            • A Offline
              A Offline
              arminunruh
              Global Moderator
              wrote 15 days ago last edited by
              #6

              Screenshot 2025-04-23 at 15.10.09.png

              ok so this bar here is always fixed at the bottom

              A no-animation HTML class is for the feature "animate Element in on Scroll" in lay options.

              This bar never animates for me, and it can't even be scrolled to because it's always on the screen. I'm not sure if I understand the issue.

              1 Reply Last reply
              0
              • A Offline
                A Offline
                arminunruh
                Global Moderator
                wrote 15 days ago last edited by
                #7

                Oh yeah I read it wrong, so you're saying transitions when navigating mmh.

                1 Reply Last reply
                0
                • A Offline
                  A Offline
                  arminunruh
                  Global Moderator
                  wrote 15 days ago last edited by
                  #8

                  How about you try to add the CSS?

                  .no-animation{
                  transition: none!important;
                  opacity: 1!important;
                  }
                  

                  Enter this css in "lay options" -> "custom css & html" -> "custom css"

                  1 Reply Last reply
                  0
                  • A Offline
                    A Offline
                    arminunruh
                    Global Moderator
                    wrote 15 days ago last edited by
                    #9

                    with the next update it should also work without having to use that css above

                    1 Reply Last reply
                    0
                    • C Offline
                      C Offline
                      craigfeldspar
                      wrote 15 days ago last edited by
                      #10

                      it works like this thank you very much :)

                      1 Reply Last reply
                      1
                      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
                      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