Space between sticky block and top of screen mobile

  • Resolved michellepetz

    (@michellepetz)


    2 years, 4 months ago

    Hello,

    I need to be able to set a different value for the space between sticky block and top of screen on mobile devices. Is this possible. At the moment I have it set to 20 on desk top, but because of the way the element stacks, it needs to be 60 on mobile.
    Thanks!

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

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

    (@senff)

    Hey @michellepetz

    The plugin doesn’t have options built in by default to do this, so it will take a bit of trickery.

    I’d say the easiest (?) method of doing this, is by having 2 identical blocks, but each having different settings (first one with 20 spacing, and the second one with 60 spacing). Then with some CSS, you can completely hide the first one on mobile, and hide the second one on desktop.

    So on desktop, it will only show the first one (the one with 20 spacing), and on mobile it will only show the second one (the one with 60 spacing).

    Hope that helps!

    Thread Starter michellepetz

    (@michellepetz)

    Thank you for your reply.
    Is there another way to acheive this without dupicating and hiding content?

    I can do this as a last resort, but have been advised not to for SEO reasons.

    Thanks again

    Plugin Author Senff

    (@senff)

    Hey @michellepetz

    I’m not sure what SEO would have to do with this (then again, I’m no SEO expert), but I don’t know of any other (quick/easy) way to be honest. It may be possible with some additonal code (CSS, JS, PHP) but that could be quite a bit of work…

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Space between sticky block and top of screen mobile’ is closed to new replies.

Tags