{"id":12929,"date":"2020-12-06T17:43:05","date_gmt":"2020-12-06T12:43:05","guid":{"rendered":"https:\/\/iadnanahmed.com\/?p=12929"},"modified":"2020-12-10T22:51:40","modified_gmt":"2020-12-10T17:51:40","slug":"animated-navigation-bar-on-scroll-elementor-pro","status":"publish","type":"post","link":"https:\/\/iadnanahmed.com\/animated-navigation-bar-on-scroll-elementor-pro\/","title":{"rendered":"Animated navigation bar on scroll | Elementor Pro"},"content":{"rendered":"<p><iframe title=\"Animated navigation bar on scroll | Elementor Pro\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/l7Sp7dmrMZs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><br \/>\n\t<div class=\"g-ytsubscribe\" data-channelid=\"UCYiWKFupNc_XWimWE8r8kBw\" data-layout=\"full\" data-theme=\"dark\" data-count=\"default\"><\/div>\n<br \/>\nTable of Contents:<\/p>\n<p>01:01 &#8211; Adding Logo and Navigation bar<br \/>\n02:41 &#8211; Adding CSS Classes in Elementor options<br \/>\n02:55 &#8211; Adding CSS Code to animate logo and navbar<br \/>\n04:29 &#8211; Adding hamburger menu<\/p>\n<p>Assalam-o-Alaikum and hi guys welcome to my channel. My name is Adnan Ahmed today I am going to show an animated navigation bar when scrolling a web page.<\/p>\n<p>=========<br \/>\nEquipment used to record my videos.<\/p>\n<p>\u25ba Canon EOS 700D + EF-S 18-55mm 3.5-5.6 is STM &#8211; International Version &#8211; https:\/\/amzn.to\/38kgCxb<\/p>\n<p>\u25ba BOYA BY-M1 3.5mm Electret Condenser Microphone with 1\/4&#8243; adapter for Smartphones iPhone DSLR Cameras PC &#8211; https:\/\/amzn.to\/2U1QHSu<\/p>\n<p>\u25ba SOMITA St-3520 Lightweight 56&#8243; Tripod with Bag for Digital Cameras &#8211; https:\/\/amzn.to\/3l3Fflk<\/p>\n<p>\u25ba Selfie Ring Light with Tripod Stand and Phone Holder LED Circle Lights Halo Lighting for Make Up Live Steaming Photo Photography Vlogging Video &#8211; https:\/\/amzn.to\/359HEWh<\/p>\n<p>Disclaimer: This video and description contain affiliate links, which means that if you click on one of the product links, I&#8217;ll receive a small commission. It helps support the channel and allows me to continue to make videos like this. Thank you for your support!<\/p>\n<p>=============<br \/>\n#adnanahmed, #webdeveloper, #webdevelopmenttutorials, #wordpresstutorials, #wordpress, #webdevelopment<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Table of Contents: 01:01 &#8211; Adding Logo and Navigation bar 02:41 &#8211; Adding CSS Classes in Elementor options 02:55 &#8211; Adding CSS Code to animate logo and navbar 04:29 &#8211; Adding hamburger menu Assalam-o-Alaikum and hi guys welcome to my channel. My name is Adnan Ahmed today I am going to show an animated navigation [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":12931,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[120,107],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts\/12929"}],"collection":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/comments?post=12929"}],"version-history":[{"count":5,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts\/12929\/revisions"}],"predecessor-version":[{"id":12961,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/posts\/12929\/revisions\/12961"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/media\/12931"}],"wp:attachment":[{"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/media?parent=12929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/categories?post=12929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iadnanahmed.com\/wp-json\/wp\/v2\/tags?post=12929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}