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. Bug Reports
  3. Sticky feature not working

Sticky feature not working

Scheduled Pinned Locked Moved Bug Reports
7 Posts 2 Posters 159 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.
  • N Offline
    N Offline
    Nzagamba
    wrote on last edited by
    #1

    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
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      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
      0
      • arminunruhA arminunruh

        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 Offline
        N Offline
        Nzagamba
        wrote on last edited by
        #3

        @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
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          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
          0
          • arminunruhA arminunruh

            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 Offline
            N Offline
            Nzagamba
            wrote on last edited by
            #5

            @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
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              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
              0
              • arminunruhA arminunruh

                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 Offline
                N Offline
                Nzagamba
                wrote on last edited by
                #7

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

                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
                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