Sticky Row Does Not Allow Full SCreen

  • Resolved Michael

    (@whispardesign)


    6 years, 8 months ago

    Hello Mark,

    Just trying out your plugin.
    On the referenced page – it appears as if when you tag a full width row with the sticky name, it will no longer be full width.

    The row in question “assess” has bottom 1px border that is staying within the site container and not honoring full-width. I added a divider element just to see if that would also be affected and it is. There is also a white background to that row and you can see the white cut-off if you scroll over a full width section with a background color (i.e. teal)

    Thoughts on how to correct this?
    Best,
    Michael

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Senff – a11n

    (@senff)

    6 years, 8 months ago

    Hey there! Thanks for trying my plugin.

    I’m not entirely sure what the issue is, to be honest. The element you’ve made sticky (the bar with “ASSESS” in it), isn’t full-width to begin with. It doesn’t reach the left and right sides of the screens.

    I’ve highlighted it in this screencap with a yellow color:
    https://cld.wthms.co/zrPTGH

    As you can see, the element is already not full-screen width before it’s sticky, and once it does become sticky, it has the same width as when it’s not sticky.

    In other words, my plugin does not make any changes to the width of the element; it only makes it stick at the top.

    If you need it to be full-screen width, then I you’ll need to make sure that it’s like that right at the beginning (even without my plugin active). If you make that happen, then it will also be full-width once it becomes sticky.

    Let me know if I misunderstood your question!

    • This reply was modified 6 years, 8 months ago by Senff - a11n.
    Thread Starter Michael

    (@whispardesign)

    6 years, 8 months ago

    Thanks for the input Mark!

    As a test, I just duplicated that row and only removed the #sticky-title ID
    That row is below and is full width.

    Senff – a11n

    (@senff)

    6 years, 8 months ago

    Can you try and deactivate my plugin, and see if that makes the (first) row full width again?

    The issue I’m seeing here is that the second row has some inline CSS styles, but the first one (the one that’s sticky) doesn’t. It’s possible that those inline styles are removed once the row is assigned as sticky, but I’m not 100% sure on that (I’m not entirely familiar with Visual Composer).

    If deactivating my plugin makes the first row full-screen again, you might want to try my plugin in Legacy Mode to see if that works.

    • This reply was modified 6 years, 8 months ago by Senff - a11n.
    Thread Starter Michael

    (@whispardesign)

    6 years, 8 months ago

    Thanks Mark,
    Legacy didn’t fix it but checking dynamic did.
    However – that causes issues with mobile (gets stuck behind sticky top bar)
    Thoughts on that?

    Senff – a11n

    (@senff)

    6 years, 7 months ago

    Apologies for the very late response.

    Do you still need help with this? I see you’ve hidden the title on mobile screens altogether now so I’m not sure if this is fixed.

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

The topic ‘Sticky Row Does Not Allow Full SCreen’ is closed to new replies.