{"id":92623,"date":"2025-09-04T04:26:25","date_gmt":"2025-09-04T04:26:25","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/"},"modified":"2025-09-04T04:27:24","modified_gmt":"2025-09-04T04:27:24","slug":"sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/","title":{"rendered":"Sticky Buttons &#8211; Pure CSS3. Create side menu, share buttons, floating menu and more"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fsticky-buttons-pure-css3%2Ffull_screen_preview%2F26305792\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fsticky-buttons-pure-css3%2F26305792\">BUY FOR $6<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/285733818\/sticky-buttons-preview.png\"><\/p>\n<h2 id=\"item-description__easily-create-sticky-buttons-of-varying-complexity-on-pure-css\">Simply create sticky buttons of various complexity on Pure CSS<\/h2>\n<p><a href=\"https:\/\/codecanyon.net\/item\/sticky-buttons-for-wordpress-builder-beautiful-floating-menu-with-different-actions\/24960794\">WordPress versions is available<\/a><\/p>\n<h3 id=\"item-description__using\">Utilizing<\/h3>\n<ul>\n<li>web site navigation<\/li>\n<li>social panel<\/li>\n<li>person menu<\/li>\n<li>multilingual navigation panels<\/li>\n<li>contact menu<\/li>\n<li>extra panel<\/li>\n<li>profile menu<\/li>\n<li>share buttons<\/li>\n<\/ul>\n<h3 id=\"item-description__features\">Options<\/h3>\n<ul>\n<li>\n        <strong>8 Label Animations<\/strong><br \/>\n        <br \/>\n        Set one of many 8 animations for opening the label.\n    <\/li>\n<li>\n        <strong>Completely different Positions<\/strong><br \/>\n        <br \/>\n        12 totally different positions on the display screen facet.\n    <\/li>\n<li>\n        <strong>4 Completely different Shapes<\/strong><br \/>\n        <br \/>\n        Select various kinds of shapes for the menu: Sq., Spherical, Rounded, Rounded-out.\n    <\/li>\n<li>\n        <strong>Demo Examples<\/strong><br \/>\n        <br \/>\n        You need to use these examples as a base for creation your personal navigations easy and quick.\n    <\/li>\n<li>\n        <strong>12 predefined colours<\/strong><br \/>\n        <br \/>\n        Select your favourite colours and set it as per your web site shade.\n    <\/li>\n<li>\n        <strong>3 Measurement<\/strong><br \/>\n        <br \/>\n        Set the three dimension for buttons: small, medium, giant.\n    <\/li>\n<li>\n        <strong>Actions<\/strong><br \/>\n        <br \/>\n        Share on 19 social networks, Print web page, Go to Ahead, Go to Again\n    <\/li>\n<li>\n        <strong>Cross-Browser<\/strong><br \/>\n        <br \/>\n        All code are compastyle with IE11+, Edge, Firefox, Safari, Opera, Chrome, Courageous.\n    <\/li>\n<li>\n        <strong>W3C Legitimate Code<\/strong><br \/>\n        <br \/>\n        All html and css are validated by means of W3c validator.\n    <\/li>\n<li>\n        <strong>HTML5 and CSS3<\/strong><br \/>\n        <br \/>\n        Take full benefit of contemporary net applied sciences. Semantic HTML markup and requirements compliant CSS.\n    <\/li>\n<li>\n        <strong>Properly Documented<\/strong><br \/>\n        <br \/>\n        An in depth step-by-step information that can assist you with utilization and customization.\n    <\/li>\n<li>\n        <strong>Free Updates<\/strong><br \/>\n        <br \/>\n        Merchandise get maintained with enhancements and bug fixes.\n    <\/li>\n<li>\n        <strong>Quick Help<\/strong><br \/>\n        <br \/>\n        To get help please ship me an e-mail by means of the contact type on our profile web page.\n    <\/li>\n<\/ul>\n<h3 id=\"item-description__credits-amp-resource\">Credit &#38; Useful resource <\/h3>\n<ul>\n<li><a href=\"https:\/\/fontawesome.com\/\" rel=\"nofollow\">Font Awesome<\/a><\/li>\n<\/ul>\n<p>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fsticky-buttons-pure-css3%2F26305792\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $6 Simply create sticky buttons of various complexity on Pure CSS WordPress versions is available Utilizing web site navigation social panel person&#8230;<\/p>\n","protected":false},"author":1,"featured_media":92624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[7260,7262,9216,6307,6308,816,5524,9222,20905,1790,7953],"class_list":["post-92623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-action-buttons","tag-float-menu","tag-floating-menu","tag-menu","tag-mobile-menu","tag-navigation","tag-share-buttons","tag-side-menu","tag-sticky-button","tag-sticky-buttons","tag-sticky-menu"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sticky Buttons - Pure CSS3. Create side menu, share buttons, floating menu and more - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sticky Buttons - Pure CSS3. Create side menu, share buttons, floating menu and more - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-04T04:26:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-04T04:27:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/09\/sticky-buttons-preview.png\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Sticky Buttons &#8211; Pure CSS3. Create side menu, share buttons, floating menu and more\",\"datePublished\":\"2025-09-04T04:26:25+00:00\",\"dateModified\":\"2025-09-04T04:27:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/\"},\"wordCount\":248,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/sticky-buttons-preview.png\",\"keywords\":[\"action buttons\",\"float menu\",\"floating menu\",\"menu\",\"mobile menu\",\"navigation\",\"share buttons\",\"side menu\",\"sticky button\",\"sticky buttons\",\"sticky menu\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/\",\"name\":\"Sticky Buttons - Pure CSS3. Create side menu, share buttons, floating menu and more - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/sticky-buttons-preview.png\",\"datePublished\":\"2025-09-04T04:26:25+00:00\",\"dateModified\":\"2025-09-04T04:27:24+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/sticky-buttons-preview.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/sticky-buttons-preview.png\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/09\\\/04\\\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sticky Buttons &#8211; Pure CSS3. Create side menu, share buttons, floating menu and more\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sticky Buttons - Pure CSS3. Create side menu, share buttons, floating menu and more - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/","og_locale":"en_US","og_type":"article","og_title":"Sticky Buttons - Pure CSS3. Create side menu, share buttons, floating menu and more - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-09-04T04:26:25+00:00","article_modified_time":"2025-09-04T04:27:24+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/09\/sticky-buttons-preview.png","type":"image\/png"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Sticky Buttons &#8211; Pure CSS3. Create side menu, share buttons, floating menu and more","datePublished":"2025-09-04T04:26:25+00:00","dateModified":"2025-09-04T04:27:24+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/"},"wordCount":248,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/09\/sticky-buttons-preview.png","keywords":["action buttons","float menu","floating menu","menu","mobile menu","navigation","share buttons","side menu","sticky button","sticky buttons","sticky menu"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/","name":"Sticky Buttons - Pure CSS3. Create side menu, share buttons, floating menu and more - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/09\/sticky-buttons-preview.png","datePublished":"2025-09-04T04:26:25+00:00","dateModified":"2025-09-04T04:27:24+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/09\/sticky-buttons-preview.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/09\/sticky-buttons-preview.png","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/09\/04\/sticky-buttons-pure-css3-create-side-menu-share-buttons-floating-menu-and-more\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Sticky Buttons &#8211; Pure CSS3. Create side menu, share buttons, floating menu and more"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/92623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=92623"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/92623\/revisions"}],"predecessor-version":[{"id":92625,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/92623\/revisions\/92625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/92624"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=92623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=92623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=92623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}