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. Anchor Scroll Dekstop/Mobile

Anchor Scroll Dekstop/Mobile

Scheduled Pinned Locked Moved General Discussion
17 Posts 6 Posters 957 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
    MaxWinter
    wrote on last edited by MaxWinter
    #7

    I think I have the same problem. On the desktop version it works great, mobile the menu item becomes a Back to Top button?!

    Could you possibly share the solution? That would be great! :)

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #8

      Dear @MaxWinter

      Are you able to post a link to your website with the menu-item in question - Also just to be clear - A menu-item on mobile is functioning as a back to top button?

      Best
      Richard

      1 Reply Last reply
      0
      • M Offline
        M Offline
        MaxWinter
        wrote on last edited by
        #9

        @Richard-K

        Thanks Richard for the quick reply. Of course a back to top button in the menu doesn't make any sense, but this is how the anchors are acting on mobile. I don't know why.

        http://studiomiller.co/

        Just helping out a friend with his existing website. Nothing special designwise :)

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #10

          Dear @MaxWinter

          There is a scroll to top button hiding on your page - is it possible to delete this first to make sure its not interfering?

          Screen Shot 2021-01-27 at 6.05.13 PM.png

          Best wishes :)
          Richard

          1 Reply Last reply
          0
          • M Offline
            M Offline
            MaxWinter
            wrote on last edited by
            #11

            Dear @Richard-K

            Thanks again :)

            This button seems to be there because of a plugin i use to guarantee a smooth scroll. It's called »jQuery Smooth Scroll« Seems like this button is part of the plugin in that's why i was trying to hide it with following code:

            #scroll-to-top {display:none !important;}

            A friend at the office was helping me because i do not have any clue regarding coding.

            So if there would be a solution which guarantees a small scrolling without using this plugin i could get rid of the button i guess.

            1 Reply Last reply
            0
            • RichardR Offline
              RichardR Offline
              Richard
              Global Moderator
              wrote on last edited by
              #12

              Dear @MaxWinter

              Post number 2:
              http://laythemeforum.com:4567/topic/5975/anchor-scroll-dekstop-mobile/2

              In this thread uses <script> to create smooth scrolling without the need for a plugin

              Does this apply to your needs? :)

              Best
              Richard

              1 Reply Last reply
              0
              • M Offline
                M Offline
                MaxWinter
                wrote on last edited by
                #13

                Hey @Richard-K

                Now it seems to work, thank you very much. Only trouble i am having is that its now not going exactly there where i want it to scroll to. the violet row has the ID where it should link to but it keeps some space above that. Any idea what the problem might be?

                IMG_2504.PNG

                Cheers and thanks again!

                1 Reply Last reply
                0
                • RichardR Offline
                  RichardR Offline
                  Richard
                  Global Moderator
                  wrote on last edited by
                  #14

                  Dear @MaxWinter

                  I do apologise for such a delay!
                  I see that it works on Desktop however with Mobile because the layout changes due element resizing ( i think ) the scroll position is a little off.

                  Are you using exactly the same JS as in the post above?

                  best wishes
                  Richard

                  1 Reply Last reply
                  0
                  • M Offline
                    M Offline
                    MaxWinter
                    wrote on last edited by
                    #15

                    Hey @Richard-K

                    No worries :)

                    I think i did. Check those screenshots.

                    Bildschirmfoto 2021-02-08 um 17.16.24.png Bildschirmfoto 2021-02-08 um 17.16.17.png

                    1 Reply Last reply
                    0
                    • M Offline
                      M Offline
                      MaxWinter
                      wrote on last edited by
                      #16

                      @Richard-K

                      Hey Richard, any chance you could take a look at it one more time? Would be super great.

                      Cheers!

                      1 Reply Last reply
                      0
                      • C Offline
                        C Offline
                        carlastreckwall
                        wrote on last edited by
                        #17

                        Hi there, having similar issues here with the scroll to anchor. Thanks @MaxWinter for sharing this. Scrolling works fine on Desktop when I select a submenu, it smoothly scrolls to an id. However I can not get it to work on mobile. Nothing happens.

                        Also I need to set up a different offset for desktop and mobile due to the site's layout. Any ideas?

                        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
                        arminunruhA
                        arminunruh
                        A
                        anagase
                        S
                        sds
                        M
                        mosha
                        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