Support » Plugin: Timeline Express » Image in timeline overlapping with sticky navigation

  • Resolved loiruca


    Hi guys, thanks for a great plugin! I’m having an issue. When I use an image inside the content area of the timeline the image overlaps on my sticky navigation when I scroll down the timeline. Is doesn’t happen anywhere on my site, except for my history page where I have the timeline. Any advice how to fix it is much appreciated. Thanks!

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


    Ho Loricua,

    You may want to take a look at the following thread:

    The issue is related to z-indexing, and your sticky nav is lower in the z-index than our announcements.

    We are gearing up for a new release, and in the new release – the z-indexing issue has been resolved.

    You’ll most likely want to target the entire container, instead of the read more links as specified in the thread linked above.

    If you can share a link to your site, we can provide better support with code specific to your site.


    Hi Evan, thanks for your reply. I played with the Z-index and it works perfectly now. However, I’m having another issue. In mobile devices, some of the timeline images are not responsive and some are. It’s just very random. Thanks again for you help.

    Here is the link:

    Plugin Author Evan Herman



    I am not sure what is going on. It looks like some things were changed within the plugin – namely the image sizes that are being used on the timeline.

    I had originally defined a custom image size, to prevent such an issue from happening on sites. Altering the image sizes on the timeline can cause weird issues.

    It looks like all of your images are different sizes – which would require CSS tweaks on your end to make sure things are working properly.

    Additionally the image that you are using in the timeline appears to be in the excerpt, and not the actual announcement image.


    Plugin Author Evan Herman


    Finally, it looks like your running version – which is quite old.

    We are now running – so I am unable to assist in what may be going wrong as the code base is most likely out dated.

    If you need custom, personal assistance – please consider purchasing the pro version and we can discuss some work arounds via email.


    HI Evan, I did not change the size of images within the plugin at all. I did change the width of the timeline content using the CSS below, otherwise they look to thin and long on my page:

    .timeline-width30 { width: 45%!important; }
    .cd-container { max-width: 1024px!important; }

    I removed that CSS above from my code and refreshed the page but the problem persists. My images are different sizes because they have different shapes. Some images are larger and they become responsive without any issues, some are smaller and they aren’t responsive at all… it’s a very random issue.

    All my images are in the content area of the timeline rather the announcement area. I need my images to link to a larger size image and adding images to the announcement field doesn’t allow me to link them.

    That’s the only version of the plugin I can run, I don’t see an update in my plugins area.

    Thanks again for your help.

    Hi again Evan. Any thoughts on how to fix the images issue on mobile? I really appreciate your help with this. Thanks!

    Hi I’ve found the problem. Some of my images have caption and somehow it was adding the image width to the caption code.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image in timeline overlapping with sticky navigation’ is closed to new replies.