“Position: sticky” has no effect

  • Resolved naturligtvismedia

    (@naturligtvismedia)


    2 years, 2 months ago

    I am currently working to get familiar with block themes, and doing som on twenty twenty four.

    There is an option called “position:” which can be set to Standard or Sticky. However, nothing happens when I use this option and I have tried it on several blocks and levels in the hirarchy.

    What am I doing wrong? I found a Youtube guide, which also states, that this option has no effect.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator jordesign

    (@jordesign)

    2 years, 2 months ago

    Hi @naturligtvismedia – generally I’d expect the Sticky option to work best for blocks at the very top level of the hierarchy.

    Are you able to share a link to a page where you have that set up but not working, and I can take a closer look?

    Thread Starter naturligtvismedia

    (@naturligtvismedia)

    2 years, 2 months ago

    I am only testing it locally at this moment, so no link to share unfortunately. But it is a basic installation of twentytwentyfour and I triend it on the top level block of the header (group).

    Moderator jordesign

    (@jordesign)

    2 years, 1 month ago

    @naturligtvismedia – in my tests I had to add an additional ‘group’ block at the top level, and apply the sticky positioning to that (instead of directly to the header).

    Could you please give that a try and see how it goes?

    Thread Starter naturligtvismedia

    (@naturligtvismedia)

    2 years, 1 month ago

    Thanks a lot, that worked!

    So instead of changing the “position:sticky” to the top level block in the header I have to put the hole header in a group and add the position to that group.

    I guess this is me not having fully emerged in to the block theme thinking yet, while I have been working with Gutenberg block builder for years now.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘“Position: sticky” has no effect’ is closed to new replies.