Strange interaction between plugin and sticky header

  • Resolved jgolding94

    (@jgolding94)


    4 years, 2 months ago

    Hi

    I’m building a new website for my club and I’m using your plugin for a history timeline of the club. It’s been great so far.

    I’ve noticed strange behaviour between it and the sticky navigation bar that I have on the website. You can see it on the link I have provided. Basically, as you scroll up, whilst most of the timeline slides underneath the sticky navigation bar some items, such as the circles with the dates, slide on top of the navigation bar. I noticed something in the CSS that might explain it:

    [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

    Is this it? Is there a way that I can make them slide below the sticky navigation bar?

    Thanks in advance.

    Best wishes

    James

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

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

  • Hi @jgolding94,

    In order to fix this issue, add below mentioned custom CSS inside Cool Timeline Settings >> Style Settings >> Custom Styles

    .cool-timeline .timeline-year{
    z-index:0!important;
}
.cool-timeline .timeline-post .icon-dot-full, .cool-timeline.one-sided .timeline-post .icon-dot-full{
    z-index:0!important;
}

    Thanks

    Thread Starter jgolding94

    (@jgolding94)

    Hi there.

    Thanks so much for the advice. That appears to have done the trick! Everything is now sliding beneath the stick header, which is exactly what I wanted.

    Best wishes

    James

    Hi @jgolding94,

    It’s my pleasure.

    Please try to provide a few minutes from your valuable time to add a review(if not already done):- https://www.ads-software.com/support/plugin/cool-timeline/reviews/#new-post

    Thanks

    Thread Starter jgolding94

    (@jgolding94)

    Hi again

    I’ll be sure to do that. You’ve been very helpful. I do have another quick query though, although it’s not a bug at all.

    Basically, is there any way to reverse the order the events are shown in? Right now, the most recent event is first and the most historic event is last. It would make more sense to me to reverse that, to have the events in chronological order, rather than reverse chronological order.

    I am looking forward to hearing from you soon.

    Best wishes

    James

    Hi @jgolding94,

    Select ASC in Stories Order? shortcode generator option to change timeline stories order.

    Thanks

    Thanks

    • This reply was modified 4 years, 2 months ago by baljitdhanjal.
    Thread Starter jgolding94

    (@jgolding94)

    Hi again

    Thanks for reminding me! I was actually looking in the setting from the dashboard, rather than the shortcode generator on the page. All sorted now!

    Best wishes

    James

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Strange interaction between plugin and sticky header’ is closed to new replies.

Tags