Fixed Widget and Sticky Elements for WordPress

About this plugin

Questions

Why is the Fixed Widget plugin not working?

There are several reasons:

1. Javascript errors on the page. Commonly caused by buggy plugins. Check javascript console of your browser. If you find errors, try to locate and fix its source.
2. No wp_head() and wp_footer() functions in template. Check header.php and footer.php files of your active theme.
3. Conflicts with other plugins and scripts
4. CSS incompatibility

Is it possible to fix multiple widgets?

Yes, it is possible to fix more than one widget even if they are located in different sidebars.

How can I style a fixed element only while it is sticky?

Fixed elements carry the FixedWidget__fixed_widget__pinned class, which allows developers to change the styling only while the element is fixed.

How to prevent overlapping with the footer?

Go to WP admin area, Appearance -> Fixed Widget. Here you can define the top and bottom margins. Set bottom margin value >= footer height. Check the result, please.
If your footer height is changing from page to page it is better to use the Stop ID option. Here you need to provide the HTML tag ID. The position of that HTML element will determine the margin bottom value. For example, let’s take the Twenty Sixteen default theme. The theme’s footer container has an ID=”colophon”. In the Stop Element Selectors option I need to enter #colophon.

How to disable the plugin on mobile devices?

Use the options Minimum Screen Width and Minimum Screen Height to disable sticky features when the browser window is too small. You can also use the visitor conditions of Advanced Ads to target specific devices.