History Timeline is not responsive?

Hi,

Thank you for the update.

The entries in the timeline element do not resize or respond properly because of this css code.

.av-milestone {
	width: 406px !important;
}

This sets the width to 406px even on smaller screens. You may need to remove the css code or wrap it inside a css media query so that it does not affect the default style on mobile view.

@media only screen and (min-width: 989px) {
    /* Add your Desktop Styles here */
    li.av-milestone {
	width: 406px !important;
    }
}

Best regards,
Ismael

Hi,

The CSS which Ismael is referring to is still applying:

li.av-milestone {
    width: 406px !important;
}

Please try to remove that, or wrap it in a media query like Ismael suggested above. Also make sure that you activate the option to delete the old CSS and JS files under Enfold->Performance before you check the results. If you want us to tell you exactly where the code in question is located then please turn off file compression on the same page.

Best regards,
Rikard