Lay Theme Forum

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

    Sticky feature not working

    Bug Reports
    2
    7
    64
    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.
    • N
      Nzagamba last edited by

      Hi Armin, I can't seem to get the sticky feature working in laytheme.
      I first tried with just making the textbox in the gridder "sticky" by right clicking. ( Screenshot 1) This didn't work.Screenshot 2023-05-04 at 10.47.11.png

      Then I tried to add a custom id named "sticky" and added this custom css, but it still didn't work.

      #sticky {
        position: sticky; 
        top: 20px;
      }
      

      What am I missing? I updated lay theme and all lay plugins to the latest version.

      Here the link to my website. I'm trying to get Information, Instagram sticky. like here

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

        hey if u update lay theme when u click "make sticky" it will now include a tutorial text:

        A sticky element only stays stuck within its row.

        To make this work you can place a stack element (+More → +Stack) next to the sticky element.
        Put multiple elements inside the stack to create a larger row.

        N 1 Reply Last reply Reply Quote 0
        • N
          Nzagamba @arminunruh last edited by

          @arminunruh Thanks for your help! I managed to get the text sticky, when the text boxes are placed left or right of each other ( not in a stack). but it doesn't work for me, if I place the elements underneath each other in a stack element. is there a solution for that?

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

            Screenshot 2023-05-16 at 11.50.05.jpg

            this is how it should work

            can u do a screenshot of how you're trying to make it work?

            N 1 Reply Last reply Reply Quote 0
            • N
              Nzagamba @arminunruh last edited by

              @arminunruh
              Here's the screenshot of what I'm trying to do. I would like the middle text element (Information, Instagram !) to be sticky over the whole page.
              Is this somehow possible? Something like the yellow box in this example, but I want to do as little custom code as possible.

              Screenshot-2023-05-17-at-15.14.04.jpg

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

                i see!

                btw really nice website!

                right click the row on an empty part of the row, click "add custom html class and id"

                as class write: mystickyrow

                then css in lay options → custom css:

                .stickyrow{
                position: sticky;
                top: 0;
                z-index: 10;
                }

                N 1 Reply Last reply Reply Quote 0
                • N
                  Nzagamba @arminunruh last edited by

                  @arminunruh Wow, it works! Thank you so much Armin!

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post
                  Post a link to where the problem is if possible, please <3
                  I don't answer or check forum DMs, please just post on the forum.
                  Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                  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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
                  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

                  A

                  Recent Topics

                  • Search as icon instead of text?

                  • FILTER Categories showing all projects

                  • H

                    Vimeo embed with autoplay and loop is really slow...help!

                  • A

                    website not loading on iphone safari

                  laytheme.com