Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Back to Top Button sticky

    General Discussion
    button fixed back to top
    3
    9
    1093
    Loading More Posts
    • 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.
    • J
      Jan last edited by Jan

      Hi,
      I try to create on my site a "back to top button" which is sticky/ fixed when scrolling down.
      It´s not a big deal to make a back to top button, but I don´t manage to make it fixe.
      Is there anybody who could help out.

      Thanks a lot in advance.
      Jan*

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        HI Jan,

        in the gridder you create an element with an image or a text. This element you give a class fixed-element.

        In the Custom CSS you do something like this:

        .fixed-element {
        position: fixed;
        top: 100px;
        left: 100px;
        }
        

        Play with it.
        I hope that works for you.

        Best!

        Marius

        www.mariusjopen.world

        J 1 Reply Last reply Reply Quote 0
        • J
          Jan @mariusjopen last edited by Jan

          @mariusjopen said in Back to Top Button sticky:

          fixed-element

          Hi Marius,

          thanks a lot. It works. The only issue now is that the element is laying underneath the images.
          How do I get it laying above?
          And once more :) - Is there a way to place the Button fixed on the right side of the browser window,
          always on the bottom of the page.

          Basically I want to create a back to top buttom sticking on the lower right corner of the browser window --- just a arrow which brings you up again.

          Thanks
          Jan*

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Hi @Jan
            Have a look here:

            .fixed-element {
            position: fixed;
            top: 100px;
            left: 100px;
            
            z-index: 1000;
            }
            

            To do the hover thing you might try this. I did not test it though:

            .fixed-element {
            position: fixed;
            top: 100px;
            left: 100px;
            
            z-index: 1000;
            opacity: 0;
            }
            
            .fixed-element:hover {
            opacity: 1;
            }
            

            I hope I could help!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • U
              ute last edited by

              hi,
              i want to insert a "back" button to a fullscreen slider, which will lead back to a specific URL. I just added text to each slider in the gridder of the fullscreen slider. But the button is not fixed. How do i do this?

              Best
              Stella

              1 Reply Last reply Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

                Hi @ute
                can you post a link to your website?
                Then I can help better :-)

                Many wishes!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • U
                  ute last edited by

                  @mariusjopen

                  Sure thing:)

                  http://richterstella.com/001in-space-2018fullscreen-slider

                  1 Reply Last reply Reply Quote 0
                  • mariusjopen
                    mariusjopen Global Moderator last edited by

                    HI @ute

                    ok. I see your problem.

                    The button moves – even it's position is fixed.

                    I think the only way to go here is to place the button outside if the Gridder with the Custom HTML.

                    Is that an option for you?

                    All the best!

                    Marius

                    www.mariusjopen.world

                    1 Reply Last reply Reply Quote 0
                    • U
                      ute last edited by

                      hej Marius,

                      can you tell me how to do that?

                      Thanks :)

                      1 Reply Last reply Reply Quote 0
                      • First post
                        Last post

                      Before you post

                      Use the Search Feature. Maybe there is already a solution to your issue.

                      1. Update Lay Theme and all Lay Theme Addons
                      2. Disable all Plugins
                      3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                      4. Now see if your problem solved itself
                      5. Go here, see if your problem is listed here:
                      Troubleshooting

                      When you post:
                      1. Post a link to where the problem is
                      2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                      Thanks!

                      Online Users

                      S

                      Recent Topics

                      • T

                        OpenType Feature

                      • T

                        Split Screen just on front page / subpages without the split?

                      • T

                        problem when I click on the category filter buttons on mobile

                      • G

                        z index has different behaviors on different pages

                      laytheme.com