Push-up Element Issues

The link doesn’t show properly in your post: https://fmc.cusonet.com/CUTX/index.php/college/

From what I can see, you have no pushup element defined in the settings?

Yea I didnt at the moment because when I added it was added it made the entire column shut down. I will add it right now to see what it does again.

https://fmc.cusonet.com/CUTX/index.php/college/

OK I see it now, let me look into it.

BTW, for the sticky element, you have:

#fw_c > div.vc_row.wpb_row.vc_row-fluid.full-width-content > div.vc_span3.wpb_column.vc_column_container.vc_custom_1437671640651

You can easily shorten this to:

.vc_custom_1437671640651

I believe that should work fine.

I still shuts down the sticky element to it. Does it have to do with the push-up class reflecting #footer_bg?

No, that wasn’t the solution to the issue, it was just an added suggestion. ??

So from what I can see….you want to make the sidebar sticky (.vc_custom_1437671640651), and you want the footer to push it up once that comes into view.

In fact, it already IS pushing it up, because the sidebar goes all the way down the page, so the footer is already pushing it up almost right from the start.

If I understand that correctly, then it can be easily fixed by simply changing the sticky element to:

.vc_custom_1437671640651 .wpb_wrapper

My apologies, at first I thought you used my plugin to make the navigation menu sticky, but it looks like you’re using a different method/plugin for that.

https://laserimaginginc.com/3d-printers-printing/3d-printers-test/

On this page the Printer Information Request Form is in a sticky div I made with this plugin.

For the push up element, I entered #footer (which I identified with firebug).

But the footer is not pushing the sticky div up.

Please advise how to get this working correctly.

Thanks,
Rob

It’s a very, very subtle cause.

You’ve set the push-up element as “#footer” (small F), but the actual ID of the footer is “#Footer” (capital F).

When it comes to CSS classes and IDs, capitalization matters.

Hence, change it in the plugin settings from “#footer” to “#Footer” and you should be all set.

Ah yes you are right. I missed that one. Thanks so much for the great support!