{"id":121344,"date":"2023-07-05T10:54:42","date_gmt":"2023-07-05T05:24:42","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/setup-transparent-sticky-header-color-change-logo-shrink-effect\/"},"modified":"2023-07-05T11:56:46","modified_gmt":"2023-07-05T06:26:46","slug":"setup-transparent-sticky-header-color-change-logo-shrink-effect","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/setup-transparent-sticky-header-color-change-logo-shrink-effect\/","title":{"rendered":"How to setup transparent sticky header with Color change &#038; logo Shrink effect Using Elementor? [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"How to setup transparent sticky header with Color change &amp; logo Shrink effect Using Elementor?\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/rkecExbArYA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 13 : 22 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>Sticky Navigation Menu for Elementor, Option to convert your normal menu to be sticky menu with all required options. You can change background color of menu, You can change height and shrink menu on sticky as well. <br><br>\n&#8211; Sticky option in Navigation Menu Widget<br>\n&#8211; Connection with multiple Widgets for Sticky State Color Options<br>\n&#8211; Options to choose Reverse or Normal Sticky<br>\n&#8211; Works in responsive devices &#038; cross browser<br><br>\nAbove Feature\/Widget URL : <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor\/widgets\/elementor-sticky-navigation-menu\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor\/widgets\/elementor-sticky-navigation-menu\/<\/a><br>\nOfficial Plugin Website : <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor\/<\/a><br>\nPurchase Link : <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor\/pricing\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor\/pricing\/<\/a><br><br>\nStandard Sticky Menu<br>\n&#8211; Sticky Background color change<br>\n&#8211; Site Logo change on sticky<br>\n&#8211; Header Extars Widget Elements color change on sticky<br>\n&#8211; Full Section Sticky with hiding top menu<br>\n&#8211; Shrink Menu on Sticky by change in padding value<br><br>\nReverse Sticky Menu<br>\n&#8211; Reverse Sticky Effect on Bottom to Top Scroll<br>\n&#8211; Sticky Same Background color<br>\n&#8211; Site Logo change on sticky<br>\n&#8211; Full Section Sticky with top menu<br><br>\nThis feature is part of The Plus Addons for Elementor plugin. It&#8217;s awarded as a best elementor third party addons. It&#8217;s used by lots of designers and developers to super charge their Elementor website. <br><br>\nYou can join us to discuss or Stay Tuned to get updates. <br>\nFacebook Community : <a href=\"https:\/\/www.facebook.com\/groups\/theplus4elementor\/\">https:\/\/www.facebook.com\/groups\/theplus4elementor\/<\/a><br>\nFacebook Page : <a href=\"https:\/\/www.facebook.com\/theplusaddonsforelementor\/\">https:\/\/www.facebook.com\/theplusaddonsforelementor\/<\/a><br><br>\nGet further Support : <br>\nDocumentation : <a href=\"https:\/\/elementor.theplusaddons.com\/documentation\/\">https:\/\/elementor.theplusaddons.com\/documentation\/<\/a><br>\nTechnical Support (Pro Users) : <br>\nYou<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121345,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121344","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121344"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121344\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121345"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121344"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}