different sticky space for different breakpoints

  • Resolved aaronbennett2097

    (@aaronbennett2097)


    5 years, 1 month ago

    Grat Plugin and very easy to use.

    But wondering how hard it would be to incorporate breakpoints.

    My site has a fixed header that changes height depending on screen size.

    So, for example, on desktop, that header is 200px high, on iPad portrait it’s 140px and on mobile it’s 70px – this is due to the logo getting smaller to respond to the screen size.

    It’d be amazing if we could have breakpoints, so we can add different screen sizes – this would allow a user to add different space between top of page if screen is larger than x and smaller than y.

    You’d be able to add multiple breakpoints…

    ? if screen is larger than X – stick to top —px
    ? if screen is smaller than X but bigger than y – stick to top —px
    ? if screen is smaller than y – stick to top —px

    Hope that makes sense, and great work, really useful!
    Aaron

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WebFactory

    (@webfactory)

    Hi Aaron,
    It’s doable but not a 5min job ?? I’m putting this on our to-do and will see what’s the easier way of doing it. With a fixed number of breakpoints, it shouldn’t be that much work. If the number of breaks is user-defined then it’s a bit more work ??

    Thread Starter aaronbennett2097

    (@aaronbennett2097)

    Hi Webfactory.

    For my current user case, I’d only need the three main ones – desktop, iPad portrait and mobile, but could see the benefit of user defined in future projects.

    Have only just found your plugin but plan on using it on loads of projects in the future, so the more options, the more I can use it.

    Really amazing job, love being able to lock different elements easily.

    Thanks for considering the feature.
    Aaron

    Plugin Author WebFactory

    (@webfactory)

    Thank you for the kind words ??

    So that’s already 4 breakpoints. Seems that it would be best to have a user-defined number as somebody will ask for 5 then 6 … ??

    I’ll update this thread as soon as we look into it code-wise ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘different sticky space for different breakpoints’ is closed to new replies.