Sticky Positioning issue on smaller screens

  • Everything works great with this plugin until I start to do media queries and the screen layout changes. At just under 1100px screen width, the header gets larger and covers the top of the sticky item. Also, when I go smaller, and the header disappears and becomes a hamburger menu for mobile views. But this causes the sticky element to be very far from the top of the screen. Basically, is there a way to alter the ‘top’ positioning of the element based on screen width?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi there, thanks for trying my plugin. ??

    Basically, is there a way to alter the ‘top’ positioning of the element based on screen width?

    Not within the options/settings of the plugin, but you can do it with a bit of CSS code, in some cases. You might want to try using a media query, and then add some top padding to the element to “force” the top position for certain screen sizes.

    If that leaves a gap between the element (when it’s not sticky) and the element above it, you will need to fix that by using a negative bottom margin on the element on top.

    Hope this helps! ??

Viewing 1 replies (of 1 total)
  • The topic ‘Sticky Positioning issue on smaller screens’ is closed to new replies.