{"id":25786,"date":"2021-03-04T12:09:21","date_gmt":"2021-03-04T12:09:21","guid":{"rendered":"https:\/\/webartdevelopers.com\/blog\/?p=25786"},"modified":"2021-03-04T12:19:27","modified_gmt":"2021-03-04T12:19:27","slug":"bootstrap-transparent-navbar","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/bootstrap-transparent-navbar\/","title":{"rendered":"BOOTSTRAP TRANSPARENT NAVBAR"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Author:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>Bootstrapious<\/li><li>October 22, 2019<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Made with:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>HTML \/ CSS \/ JS<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>About the code:<\/em><\/span><\/strong><\/h4>\n\n\n\n<p>This is a nice and simple menu that starts off as a transparent header bar. Then, as your website visitor scrolls down, it becomes opaque that will enhance your menu\u2019s accessibility. Additionally, the menu bar is responsive, and the menu items are hidden in a minimal hamburger menu. Bootstrap transparent navbar looks good in both desktop computers and mobile devices.<\/p>\n\n\n\n<p><strong><em>Compatible browsers:<\/em><\/strong> Chrome, Edge, Firefox, Opera, Safari<\/p>\n\n\n\n<p><strong><em>Responsive:<\/em><\/strong> Yes<\/p>\n\n\n\n<p><strong><em>Dependencies:<\/em><\/strong> font-awesome.css, jquery.js<\/p>\n\n\n\n<p><strong><em>Bootstrap version:<\/em><\/strong> 4.3.1<\/p>\n\n\n<a href=\"https:\/\/bootstrapious.com\/p\/transparent-navbar\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Author: Bootstrapious October 22, 2019 Made with: HTML \/ CSS \/ JS About the code: This is a nice and simple menu that starts off as a transparent header bar. Then, as your website visitor scrolls down, it becomes opaque that will enhance your menu\u2019s accessibility. Additionally, the menu bar is responsive, and the menu items are hidden in a minimal hamburger menu. Bootstrap transparent navbar looks good in both desktop computers and mobile devices. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: Yes Dependencies: font-awesome.css, jquery.js Bootstrap version: 4.3.1<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":25787,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7163],"tags":[4304,7168,7166,3929],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/25786"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=25786"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/25786\/revisions"}],"predecessor-version":[{"id":25788,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/25786\/revisions\/25788"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/25787"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=25786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=25786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=25786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}