Increase page size, hidden javascript slider appears and then doesn't work <p>I'm putting together a site that I want to be responsive to browser re-sizing. The site pulls one set of CSS styles for a page under 768px, another for any window larger than 768px. </p> <p>I have a javascript slider (jcarousel) beneath my feature video at. If I open a window larger than 768px (using Chrome), then the javascript slider works fine. If I reduce the size of the window, the slider is hidden (with a display:none style) and other content is shown. And if I resize the window larger, the slider appears and works fine.</p> <p>However, and here's my problem ... If I open a browser smaller than 768px, the CSS hides my javascript slider at the start, and shows my other content. But when I resize the window and make it larger (over 768px), the slider doesn't work right. I'm assuming the javascript and its associated styles need to be "activated" initially. Is there a way to get this working when a smaller window is opened first?</p>