{"id":30,"date":"2020-10-06T12:54:28","date_gmt":"2020-10-06T12:54:28","guid":{"rendered":"https:\/\/wow-company.com\/preview\/?p=30"},"modified":"2020-10-06T12:54:29","modified_gmt":"2020-10-06T12:54:29","slug":"sticky-buttons","status":"publish","type":"post","link":"https:\/\/wow-company.com\/preview\/wordpress-plugins\/sticky-buttons\/","title":{"rendered":"Sticky Buttons"},"content":{"rendered":"\n<section class=\"section is-medium\" id=\"demo\">\n    <div class=\"container\">\n        <div class=\"block has-text-centered ds-title\">\n            <h3 class=\"title is-2\">\n                Live Demo\n            <\/h3>\n            <p class=\"subtitle is-spaced\">Try to change options and see the result<\/p>\n            <p class=\"subtitle has-text-danger is-7\">These are not all settings. The item has many more flexible display\n                settings.<\/p>\n        <\/div>\n\n        <div class=\"columns\">\n            <div class=\"column\"><\/div>\n            <div class=\"column is-three-quarters\">\n\n                <div class=\"columns is-multiline has-shadow \">\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Position<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"position\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-left-center\" selected=\"\">Left Center<\/option>\n\t\t\t\t\t\t\t<option value=\"-left-top\">Left Top<\/option>\n\t\t\t\t\t\t\t<option value=\"-left-bottom\">Left Bottom<\/option>\n\t\t\t\t\t\t\t<option value=\"-right-center\">Right Center<\/option>\n\t\t\t\t\t\t\t<option value=\"-right-top\">Right Top<\/option>\n\t\t\t\t\t\t\t<option value=\"-right-bottom\">Right Bottom<\/option>\n\t\t\t\t\t\t\t<option value=\"-top-center\">Top Center<\/option>\n\t\t\t\t\t\t\t<option value=\"-top-left\">Top Left<\/option>\n\t\t\t\t\t\t\t<option value=\"-top-right\">Top Right<\/option>\n\t\t\t\t\t\t\t<option value=\"-bottom-center\">Bottom Center<\/option>\n\t\t\t\t\t\t\t<option value=\"-bottom-left\">Bottom Left<\/option>\n\t\t\t\t\t\t\t<option value=\"-bottom-right\">Bottom Right<\/option>\n\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-arrows\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Shapes<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"shape\" class=\"options is-radiusless is-fullwidth\">\n\t\t\t\t\t\t\t<option value=\"-square\" selected=\"\">Square<\/option>\n\t\t\t\t\t\t\t<option value=\"-circle\">Circle<\/option>\n\t\t\t\t\t\t\t<option value=\"-ellipse\">Ellipse<\/option>\n\t\t\t\t\t\t\t<option value=\"-rsquare\">Rounded square<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-shapes\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Size<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"size\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-small\">Small<\/option>\n\t\t\t\t\t\t\t<option value=\"-medium\" selected=\"selected\">Medium<\/option>\n\t\t\t\t\t\t\t<option value=\"-large\">Large<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-text-height\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Label Animation<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"animation\" class=\"options is-radiusless is-fullwidth\">\n\t\t\t\t\t\t\t<option value=\"\" selected=\"\">None<\/option>\n\t\t\t\t\t\t\t<option value=\"-fade\">Fade<\/option>\n\t\t\t\t\t\t\t<option value=\"-slide\">Slide<\/option>\n\t\t\t\t\t\t\t<option value=\"-slide-out\">Slide Out<\/option>\n\t\t\t\t\t\t\t<option value=\"-zoom\">Zoom<\/option>\n\t\t\t\t\t\t\t<option value=\"-rotate\">Rotate<\/option>\n\t\t\t\t\t\t\t<option value=\"-rotate-zoom\">Rotate Zoom<\/option>\n\t\t\t\t\t\t\t<option value=\"-flip-y\">Flip Y<\/option>\n\t\t\t\t\t\t\t<option value=\"-flip-x\">Flip X<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-swatchbook\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Space<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"space\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-space\" selected=\"\">Yes<\/option>\n\t\t\t\t\t\t\t<option value=\"\">No<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-line-height\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Shadow<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                        <select id=\"shadow\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"-shadow\" selected=\"\">Yes<\/option>\n\t\t\t\t\t\t\t<option value=\"\">No<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-eclipse\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"column is-one-third\">\n                        <div class=\"field\">\n                            <label class=\"label\">Hold Open<\/label>\n                            <div class=\"control has-icons-left\">\n                    <span class=\"select is-medium is-primary is-fullwidth\">\n                       <select id=\"label\" class=\"options is-radiusless\">\n\t\t\t\t\t\t\t<option value=\"\" selected=\"\">No<\/option>\n\t\t\t\t\t\t\t<option value=\"-visible\">Yes<\/option>\n\t\t\t\t\t\t<\/select>\n                    <\/span>\n                                <span class=\"icon is-small is-left has-text-grey-lighter\">\n\t\t\t\t\t  <i class=\"far fa-sign-out\"><\/i>\n\t\t\t\t\t<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"column\"><\/div>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<section class=\"section has-background-light is-medium\" id=\"features\">\n    <div class=\"container\">\n        <div class=\"block has-text-centered ds-title\">\n            <p class=\"subtitle is-5 is-uppercase has-text-danger\">what you get<\/p>\n            <h3 class=\"title is-2\">\n                Awesome Features\n            <\/h3>\n        <\/div>\n        <div class=\"columns is-multiline is-variable is-3 feature-boxes\">\n\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered feature-box is-radiusless\">\n                    <div class=\"icon is-large has-text-grey\">\n                        <i class=\"far fa-swatchbook fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Beautiful Animations<\/p>\n                        <p class=\"has-text-left\">8 animations for showing buttons label<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-flag fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">1500+ Icons<\/p>\n                        <p class=\"has-text-left\">The current version of the plugin has 1500+ Font Awesome Icon.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-shapes fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">4 Different Shapes<\/p>\n                        <p class=\"has-text-left\">Choose different types of shapes for the menu: Square, Round, Rounded, Rounded-out.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-users-class fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">User dependence<\/p>\n                        <p class=\"has-text-left\">Show menu depending on user (for all users, only for logged-in users, only for not logged-in\n                            users).<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-share-alt fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">33 Social Share<\/p>\n                        <p class=\"has-text-left\">33 Easy Social Share Buttons for WordPress.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-text-height fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">3 Size<\/p>\n                        <p class=\"has-text-left\">Set the 3 size for buttons: small, medium, large .<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-tablet fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Devices control<\/p>\n                        <p class=\"has-text-left\">You can specify for which devices to show the menu.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrows-alt-v fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Smooth Scroll<\/p>\n                        <p class=\"has-text-left\">Create a smooth scrolling effect to the page anchors.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrow-to-top fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go To Top<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the top of the page when clicked on.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrow-to-bottom fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go To Bottom<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the bottom of the page when clicked on.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrow-to-left fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go Back<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the previous URL in the history list.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrow-to-right fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Go Forward<\/p>\n                        <p class=\"has-text-left\">Create a button that will take the user to the next URL in the history list.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-door-open fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Hold Tooltip open<\/p>\n                        <p class=\"has-text-left\">You can always showing the button tooltip<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-print fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Print<\/p>\n                        <p class=\"has-text-left\">Function for print the page via a click on the item.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-users-cog fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">User links<\/p>\n                        <p class=\"has-text-left\">Built-in user links: LogIn, LogOut, Register, Lostpassword.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-arrows fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Different Positions<\/p>\n                        <p class=\"has-text-left\">8 different Positions<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-window-restore fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">New Window<\/p>\n                        <p class=\"has-text-left\">Opening link in new window.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-language fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Language dependence<\/p>\n                        <p class=\"has-text-left\">Show menu depending on language.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-file-alt fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Specific pages<\/p>\n                        <p class=\"has-text-left\">Show the menu on the specific pages.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-image fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Custom Icon<\/p>\n                        <p class=\"has-text-left\">Add your own icon for the menu item.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-palette fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Custome Style<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-globe fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Cross-Browser<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-code fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">W3C Valid Code<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-file-edit fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Well Documented<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-infinity fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Unlimited Numbers<\/p>\n                        <p class=\"has-text-left\">No limited to the number of buttons and sub-buttons.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-download fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5\">Free Updates<\/p>\n                        <p class=\"has-text-left\">Product get maintained with improvements and bug fixes.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile is-one-quarter-desktop is-half-tablet \">\n                <div class=\"box has-text-centered has-text-grey feature-box is-radiusless\">\n                    <div class=\"icon is-large\">\n                        <i class=\"far fa-headset fa-3x\"><\/i>\n                    <\/div>\n                    <div class=\"content\">\n                        <p class=\"title is-5 \">Fast Support<\/p>\n                        <p class=\"has-text-left\">We work closely with the user community and listen to your opinion. We provide free technical\n                            and\n                            information support for customers.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section class=\"section is-medium\" id=\"examples\">\n    <div class=\"container\">\n        <div class=\"block has-text-centered ds-title\">\n            <p class=\"subtitle is-5 is-uppercase has-text-danger\">how it helps<\/p>\n            <h3 class=\"title is-1\">\n                Examples in Screenshots\n            <\/h3>\n        <\/div>\n        <div class=\"columns is-multiline is-variable is-3 feature-boxes\">\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fancybox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-contacts.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-contacts.png\" alt=\"Sticky Buttons - Contact\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Contacts<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fancybox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-menu.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-menu.png\" alt=\"Sticky Buttons - Menu\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Navigation Menu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fancybox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-profile.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-profile.png\" alt=\"Sticky Buttons - Profile\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Profile Menu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fancybox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-share.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-share.png\" alt=\"Sticky Buttons - Share\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Share<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fancybox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-player.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-player.png\" alt=\"Sticky Buttons - Player\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Player<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"column is-full-mobile  is-one-third-desktop is-half-tablet \">\n                <div class=\"card\">\n                    <div class=\"card-image\">\n                        <figure class=\"image is-5by3\">\n                            <a data-fancybox=\"gallery\" href=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-skype.png\">\n                                <img decoding=\"async\" src=\"https:\/\/wow-company.com\/envato\/wp-content\/uploads\/sites\/15\/2020\/09\/sticky-buttons-skype.png\" alt=\"Sticky Buttons - Skype\">\n                            <\/a>\n                        <\/figure>\n                    <\/div>\n                    <div class=\"card-content has-text-centered\">\n                        <p class=\"title is-4\">Skype Menu<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n<div id=\"result\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Easily create sticky buttons of varying complexity<\/p>\n","protected":false},"author":1,"featured_media":31,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-30","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-plugins"],"_links":{"self":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts\/30"}],"collection":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":2,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/posts\/30\/revisions\/120"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/media\/31"}],"wp:attachment":[{"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wow-company.com\/preview\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}