Offset not working on desktop with sticky header

  • Resolved swmri

    (@swmri)


    3 years, 6 months ago

    Hi-

    I recently modified my sticky header, but I don’t know how I affected scroll offset. On desktop, the offset is too small, and content of interest is hidden by the sticky header. On mobile, it works perfectly.

    In settings->Offset, I have:

    .fusion-header:width(>768)

    I’m sure I’m missing something obvious, but have not been able to figure it out. Thank you in advance for your input.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author malihu

    (@malihu)

    Hello,

    It seems that you removed the fusion-header class from your sticky header. You need to change the offset option value to:

    fusion-sticky-container:width(>768)

    Save changes and test. Let me know if it works.

    Thread Starter swmri

    (@swmri)

    Thank you very much for the rapid reply.

    Unfortunately, this didn’t fix the issue.

    Is there a method where I can add offset to each link? Will this separate mobile from desktop if I do so?

    Thank you again.

    Plugin Author malihu

    (@malihu)

    You need to clear your site cache because your site is using production cached files and changes did not apply on the frontend.

    Thread Starter swmri

    (@swmri)

    Thanks again.

    I don’t think that is the issue. I have cleared the cache several times since I added the new offset option value. No change, still scrolling too high on desktop, and fine on mobile.

    Plugin Author malihu

    (@malihu)

    Oh! My mistake, sorry! I replied via mobile and missed the dot at the start of the value. Set the offset value to:

    .fusion-sticky-container:width(>768)

    Let me know

    Thread Starter swmri

    (@swmri)

    Thank you, sir! It works just fine on desktop and mobile.

    Plugin Author malihu

    (@malihu)

    You’re welcome ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Offset not working on desktop with sticky header’ is closed to new replies.

Tags