{"id":90905,"date":"2025-08-22T11:03:42","date_gmt":"2025-08-22T11:03:42","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/"},"modified":"2025-08-22T11:04:52","modified_gmt":"2025-08-22T11:04:52","slug":"metronav-metro-navigation-bar-ver-css","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/","title":{"rendered":"MetroNav &#8211; Metro Navigation Bar ver. CSS"},"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%2Fmetronav-metro-navigation-bar-ver-css%2Ffull_screen_preview%2F2561396\">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%2Fmetronav-metro-navigation-bar-ver-css%2F2561396\">BUY FOR $4<\/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\/29597793\/metronav-banner.jpg\"><\/p>\n<p><a href=\"https:\/\/codecanyon.net\/user\/SOHN\/follow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/buttons\/envato-connect.png\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 1\" \/><\/a><br \/>\n<a href=\"https:\/\/www.facebook.com\/sonhlab\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/buttons\/fb-connect.png\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 2\" \/><\/a><br \/>\n<a href=\"https:\/\/twitter.com\/SONHlab\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/buttons\/tt-connect.png\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 3\" \/><\/a><br \/>\n<a href=\"https:\/\/plus.google.com\/u\/0\/b\/102785063617764907816\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/buttons\/gg-connect.png\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 4\" \/><\/a><\/p>\n<h3 id=\"item-description__metronav-css\"><a href=\"http:\/\/docs.sonhlab.com\/metronav-css3-transparent-style-menu\/\" rel=\"nofollow\">MetroNav CSS<\/a><\/h3>\n<p><strong>Metro Navigation Bar<\/strong> is a flexiable plugin to make <strong>trendy and funky navigation bars\/menus<\/strong> in your templates, match with each gentle and darkish kinds. You&#8217;ll be able to put this plugin on the prime or backside of your web page, change width or top of essential menu, use strong colours, clear colours or pictures for menu\/submenu backgrounds.<\/p>\n<h3 id=\"item-description__features\"><strong>Options:<\/strong><\/h3>\n<ul>\n<li>3 navigation bar kinds<\/li>\n<li>High and backside positions<\/li>\n<li>CSS 3 Animation Results ( not for all browsers )<\/li>\n<li>Match each brilliant and darkish templates<\/li>\n<li>Assist Clickable Menus ( IE 9+ )<\/li>\n<li>Fundamental menu and sub menu background can use with many strong\/clear colours and picture patterns<\/li>\n<li>Straightforward Customization<\/li>\n<\/ul>\n<h3 id=\"item-description__before-purchase\"><strong>Earlier than Buy:<\/strong><\/h3>\n<p>My gadgets are all the time supplied with demos. So please verify my demos, <a href=\"http:\/\/docs.sonhlab.com\/basic-support-service\/\" rel=\"nofollow\">Support Information<\/a> fastidiously and ask all questions you must be sure that what you&#8217;ll buy suit your wants.<\/p>\n<h3 id=\"item-description__my-portfolio\"><strong>My Portfolio<\/strong><\/h3>\n<h4 id=\"item-description__openmes-open-messages-with-animation-effects\"><a href=\"http:\/\/docs.sonhlab.com\/openmes-jquery-open-animation-messages\/\" rel=\"nofollow\">OpenMes &#8211; Open Messages With Animation Effects<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/openmes-jquery-open-animation-messages\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/preview-images\/openmes-jquery-banner.png\" alt=\"OpenMes - Open Messages With Animation Effects\" \/><\/a><\/p>\n<h4 id=\"item-description__navion-metro-navigation-menu-accordion-switcher-css\"><a href=\"http:\/\/docs.sonhlab.com\/navion-metro-navigation-menu-accordion-switcher-css\/\" rel=\"nofollow\">Navion &#8211; Metro Navigation Menu Accordion Switcher CSS<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/navion-metro-navigation-menu-accordion-switcher-css\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/navion-css-banner.png\" alt=\"Navion - Metro Navigation Menu Accordion Switcher CSS\" \/><\/a><\/p>\n<h4 id=\"item-description__tilebox-modern-responsive-lightbox-css\"><a href=\"http:\/\/docs.sonhlab.com\/tilebox-modern-responsive-lightbox-css\/\" rel=\"nofollow\">TileBox &#8211; Modern Responsive LightBox CSS<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/tilebox-modern-responsive-lightbox-css\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/tilebox-css-banner.png\" alt=\"TileBox - Modern Responsive LightBox CSS\" \/><\/a><\/p>\n<h4 id=\"item-description__tabion-metro-tab-accordion-switcher-css\"><a href=\"http:\/\/docs.sonhlab.com\/tabion-metro-tab-accordion-switcher-css\/\" rel=\"nofollow\">Tabion &#8211; Metro Tab Accordion Switcher CSS<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/tabion-metro-tab-accordion-switcher-css\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/tabion-css-banner.png\" alt=\"Tabion - Metro Tab Accordion Switcher CSS\" \/><\/a><\/p>\n<h4 id=\"item-description__tablooper-responsive-loop-tab-metro-ui\"><a href=\"http:\/\/docs.sonhlab.com\/tablooper-responsive-metro-ui-loop-tab\/\" rel=\"nofollow\">TabLooper &#8211; Responsive Loop Tab Metro UI<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/tablooper-responsive-metro-ui-loop-tab\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/tablooper-banner.png\" alt=\"OneSlider - Responsive Slider With Interactive Content\" \/><\/a><\/p>\n<h4 id=\"item-description__oneslider-responsive-slider-with-interactive-content\"><a href=\"http:\/\/docs.sonhlab.com\/oneslider-responsive-slider-with-interactive-content\/\" rel=\"nofollow\">OneSlider &#8211; Responsive Slider With Interactive Content<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/oneslider-responsive-slider-with-interactive-content\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/oneslider-banner.jpg\" alt=\"OneSlider - Responsive Slider With Interactive Content\" \/><\/a><\/p>\n<h4 id=\"item-description__rainbow-background-full-screen-jquery-plugin\"><a href=\"http:\/\/docs.sonhlab.com\/rainbow-backgrounds-jquery\/\" rel=\"nofollow\">Rainbow Background Full Screen jQuery Plugin<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/rainbow-backgrounds-jquery\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/rainbowbg-banner-mid.jpg\" alt=\"Rainbow Background Full Screen jQuery\" \/><\/a><\/p>\n<h4 id=\"item-description__onemenu-responsive-metro-ui-menu\"><a href=\"http:\/\/docs.sonhlab.com\/onemenu-responsive-metro-ui-menu\/\" rel=\"nofollow\">OneMenu &#8211; Responsive Metro UI Menu<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/onemenu-responsive-metro-ui-menu\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/onemenu-banner.jpg\" alt=\"OneMenu - Responsive Metro UI Menu\" \/><\/a><\/p>\n<h4 id=\"item-description__openpanel-open-unlimited-panel-any-where\"><a href=\"http:\/\/docs.sonhlab.com\/openpanel-responsive-panel-anywhere\/\" rel=\"nofollow\">OpenPanel &#8211; Open Unlimited Panel Any Where<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/openpanel-responsive-panel-anywhere\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/openpanel-banner.png\" alt=\"Open Unlimited Responsive Panel Any Where\" \/><\/a><\/p>\n<h4 id=\"item-description__responsive-shop-slider\"><a href=\"http:\/\/docs.sonhlab.com\/shopslider-commercial-resonsive-slider\/\" rel=\"nofollow\">Responsive Shop Slider<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/shopslider-commercial-resonsive-slider\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/shopslider-banner.jpg\" alt=\"Responsive Shop Slider\" \/><\/a><\/p>\n<h4 id=\"item-description__screenslider-responsive-touch-presentation\"><a href=\"http:\/\/docs.sonhlab.com\/screenslider-responsive-presentation-plugin\/\" rel=\"nofollow\">ScreenSlider &#8211; Responsive Touch Presentation<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/screenslider-responsive-presentation-plugin\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/screenslider-banner.jpg\" alt=\"ScreenSlider-Responsive-Touch-Presentation\" \/><\/a><\/p>\n<h4 id=\"item-description__metrobox-responsive-lightbox\"><a href=\"http:\/\/docs.sonhlab.com\/metrobox-unique-responsive-lightbox\/\" rel=\"nofollow\">MetroBox &#8211; Responsive LightBox<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/metrobox-unique-responsive-lightbox\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/metrobox-banner.jpg\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 5\" \/><\/a><\/p>\n<h4 id=\"item-description__metro-tab-jquery\"><a href=\"http:\/\/docs.sonhlab.com\/metrotab-responsive-metro-ui-tabs\/\" rel=\"nofollow\">Metro Tab jQuery<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/metro-tabs-documentation\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/metrotabs-banner.jpg\" alt=\"Metro Tabs jQuery\" \/><\/a><\/p>\n<h4 id=\"item-description__menustation-unlimited-responsive-menu\"><a href=\"http:\/\/docs.sonhlab.com\/menustation-jquery-plugin-docs\/\" rel=\"nofollow\">MenuStation &#8211; Unlimited Responsive Menu<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/menustation-jquery-plugin-docs\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/menustation-banner.png\" alt=\"MenuStation Unlimited Responsive Menu\" \/><\/a><\/p>\n<h4 id=\"item-description__metropanel-a-new-navigator-for-modern-sites\"><a href=\"http:\/\/docs.sonhlab.com\/metropanel-jquery-plugin-documentation\/\" rel=\"nofollow\">MetroPanel &#8211; A New Navigator for Modern Sites<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/metropanel-jquery-plugin-documentation\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/metropanel-banner.jpg\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 6\" \/><\/a><\/p>\n<h4 id=\"item-description__metro-navigation-bar-css\"><a href=\"http:\/\/docs.sonhlab.com\/metronav-css3-transparent-style-menu\/\" rel=\"nofollow\">Metro Navigation Bar CSS<\/a><\/h4>\n<p><a href=\"http:\/\/docs.sonhlab.com\/metronav-css3-transparent-style-menu\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/img.sonhlab.com\/products\/metronav-banner.jpg\" alt=\"MetroNav - Metro Navigation Bar ver. CSS - 7\" \/><\/a><\/p>\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%2Fmetronav-metro-navigation-bar-ver-css%2F2561396\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $4 MetroNav CSS Metro Navigation Bar is a flexiable plugin to make trendy and funky navigation bars\/menus in your templates, match with&#8230;<\/p>\n","protected":false},"author":1,"featured_media":90906,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[5317,4754,10780,5554,8385,7738,6307,11967,816,14638],"class_list":["post-90905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-animation","tag-bar","tag-clickable","tag-css3","tag-drop-down","tag-mega","tag-menu","tag-metro","tag-navigation","tag-transparent"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>MetroNav - Metro Navigation Bar ver. CSS - 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\/08\/22\/metronav-metro-navigation-bar-ver-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MetroNav - Metro Navigation Bar ver. CSS - 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\/08\/22\/metronav-metro-navigation-bar-ver-css\/\" \/>\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-08-22T11:03:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-22T11:04:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/metronav-banner.jpg\" \/>\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\/jpeg\" \/>\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\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"MetroNav &#8211; Metro Navigation Bar ver. CSS\",\"datePublished\":\"2025-08-22T11:03:42+00:00\",\"dateModified\":\"2025-08-22T11:04:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/\"},\"wordCount\":238,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/metronav-banner.jpg\",\"keywords\":[\"animation\",\"bar\",\"clickable\",\"css3\",\"drop down\",\"mega\",\"menu\",\"metro\",\"navigation\",\"transparent\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/\",\"name\":\"MetroNav - Metro Navigation Bar ver. CSS - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/metronav-banner.jpg\",\"datePublished\":\"2025-08-22T11:03:42+00:00\",\"dateModified\":\"2025-08-22T11:04:52+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\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/metronav-banner.jpg\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/metronav-banner.jpg\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/08\\\/22\\\/metronav-metro-navigation-bar-ver-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MetroNav &#8211; Metro Navigation Bar ver. CSS\"}]},{\"@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":"MetroNav - Metro Navigation Bar ver. CSS - 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\/08\/22\/metronav-metro-navigation-bar-ver-css\/","og_locale":"en_US","og_type":"article","og_title":"MetroNav - Metro Navigation Bar ver. CSS - 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\/08\/22\/metronav-metro-navigation-bar-ver-css\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-08-22T11:03:42+00:00","article_modified_time":"2025-08-22T11:04:52+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/metronav-banner.jpg","type":"image\/jpeg"}],"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\/08\/22\/metronav-metro-navigation-bar-ver-css\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"MetroNav &#8211; Metro Navigation Bar ver. CSS","datePublished":"2025-08-22T11:03:42+00:00","dateModified":"2025-08-22T11:04:52+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/"},"wordCount":238,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/metronav-banner.jpg","keywords":["animation","bar","clickable","css3","drop down","mega","menu","metro","navigation","transparent"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/","name":"MetroNav - Metro Navigation Bar ver. CSS - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/metronav-banner.jpg","datePublished":"2025-08-22T11:03:42+00:00","dateModified":"2025-08-22T11:04:52+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\/08\/22\/metronav-metro-navigation-bar-ver-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/metronav-banner.jpg","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/08\/metronav-banner.jpg","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/08\/22\/metronav-metro-navigation-bar-ver-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"MetroNav &#8211; Metro Navigation Bar ver. CSS"}]},{"@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\/90905","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=90905"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/90905\/revisions"}],"predecessor-version":[{"id":90907,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/90905\/revisions\/90907"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/90906"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=90905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=90905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=90905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}