{"id":382115,"date":"2026-10-29T10:17:31","date_gmt":"2026-10-29T10:17:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/kfx-sticky-bar\/"},"modified":"2026-10-29T10:17:11","modified_gmt":"2026-10-29T10:17:11","slug":"kfx-sticky-bar","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/kfx-sticky-bar\/","author":16142374,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.4","requires":"6.5","requires_php":"8.0","requires_plugins":null,"header_name":"Kodefix Sticky Bar","header_author":"Kodefix","header_description":"Gutenberg sticky bar container for nesting other blocks (including Kadence). Stays in place and pins while scrolling.","assets_banners_color":"6f5a76","last_updated":"2026-10-29 10:17:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/kodefix.pl\/?utm_source=sticky-bar&utm_medium=plugin&utm_campaign=created_plugins","header_author_uri":"https:\/\/profiles.wordpress.org\/gkubiszyn\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":52,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"gkubiszyn","date":"2026-10-29 10:17:11","revision":3772620}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3772620,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3772620,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3772620,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3772620,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":[]},"plugin_section":[],"plugin_tags":[1220,24558,148076,4007,15526],"plugin_category":[],"plugin_contributors":[186417],"plugin_business_model":[],"class_list":["post-382115","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-container","plugin_tags-gutenberg","plugin_tags-sticky","plugin_tags-sticky-bar","plugin_contributors-gkubiszyn","plugin_committers-gkubiszyn"],"banners":{"banner":"https:\/\/ps.w.org\/kfx-sticky-bar\/assets\/banner-772x250.png?rev=3772620","banner_2x":"https:\/\/ps.w.org\/kfx-sticky-bar\/assets\/banner-1544x500.png?rev=3772620","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/kfx-sticky-bar\/assets\/icon-128x128.png?rev=3772620","icon_2x":"https:\/\/ps.w.org\/kfx-sticky-bar\/assets\/icon-256x256.png?rev=3772620","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Kodefix Sticky Bar adds a container block for the block editor. Place any blocks inside it \u2014 paragraphs, buttons, Kadence Row Layout, sections, and more. The bar stays in its place in the page layout and only pins to the top or bottom of the viewport once you scroll past it (CSS <code>position: sticky<\/code>).<\/p>\n\n<p><strong>Features<\/strong><\/p>\n\n<ul>\n<li>Nest any Gutenberg blocks inside the sticky bar<\/li>\n<li>Choose top or bottom sticky edge<\/li>\n<li>Offset and z-index controls to avoid clashes with other sticky or fixed elements (theme headers, admin bar)<\/li>\n<li>Optional admin bar compensation on the front end<\/li>\n<li>Hide the bar below a chosen viewport width<\/li>\n<li>Optionally keep the bar hidden until a chosen page element (anchor ID) appears on screen or leaves above the viewport<\/li>\n<\/ul>\n\n<h3>Development<\/h3>\n\n<p>Compiled editor and front scripts under <code>dist\/assets\/<\/code> (for example <code>editor-*.js<\/code>, <code>view-*.js<\/code>, and related CSS) are built with Vite 7, <code>@kucrut\/vite-for-wp<\/code>, and <code>@vitejs\/plugin-react<\/code>. WordPress provides <code>react<\/code> and <code>@wordpress\/*<\/code> as externals; they are not bundled.<\/p>\n\n<p>Human-readable sources that match those builds ship inside this plugin under <code>assets\/src\/<\/code> (<code>editor.tsx<\/code>, <code>view.ts<\/code>, <code>style.ts<\/code>, <code>style.css<\/code>).<\/p>\n\n<p>To regenerate the compiled files from a full monorepo checkout:<\/p>\n\n<ol>\n<li><code>cd plugins\/blocks\/front<\/code><\/li>\n<li><code>pnpm install<\/code><\/li>\n<li><code>pnpm run build -- kfx-sticky-bar<\/code><\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/kfx-sticky-bar\/<\/code><\/li>\n<li>Activate through the <strong>Plugins<\/strong> menu<\/li>\n<li>In the block editor, insert <strong>Kodefix Sticky Bar<\/strong> and add blocks inside it<\/li>\n<li>Adjust position, offset, and z-index in the block sidebar<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20require%20kadence%3F\"><h3>Does this require Kadence?<\/h3><\/dt>\n<dd><p>No. Kadence blocks work inside the bar when Kadence is installed, but they are not required.<\/p><\/dd>\n<dt id=\"why%20does%20sticky%20not%20work%20on%20my%20layout%3F\"><h3>Why does sticky not work on my layout?<\/h3><\/dt>\n<dd><p>CSS sticky only works when ancestor elements use <code>overflow: visible<\/code>. Some page-builder wrappers set <code>overflow: hidden<\/code> or <code>auto<\/code>, which disables sticky. Move the bar outside that wrapper or adjust the parent overflow.<\/p><\/dd>\n<dt id=\"can%20i%20stack%20multiple%20sticky%20bars%3F\"><h3>Can I stack multiple sticky bars?<\/h3><\/dt>\n<dd><p>Yes. Use offset and z-index to separate them when they are stuck.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A Gutenberg sticky bar container. Nest other blocks (including Kadence) inside a bar that pins while scrolling.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/382115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=382115"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/gkubiszyn"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=382115"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=382115"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=382115"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=382115"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=382115"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=382115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}