{"version":"1.0","provider_name":"Openweb Solutions Blog","provider_url":"https:\/\/openwebsolutions.in\/blog","author_name":"Munmun Das","author_url":"https:\/\/openwebsolutions.in\/blog\/author\/munmun\/","title":"Two Methods of Full Screen Overlay Navigation","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\"><a href=\"https:\/\/openwebsolutions.in\/blog\/two-methods-full-screen-overlay-navigation\/\">Two Methods of Full Screen Overlay Navigation<\/a><\/blockquote>\n<script type='text\/javascript'>\n<!--\/\/--><![CDATA[\/\/><!--\n\t\t\/*! This file is auto-generated *\/\n\t\t!function(d,l){\"use strict\";var e=!1,o=!1;if(l.querySelector)if(d.addEventListener)e=!0;if(d.wp=d.wp||{},!d.wp.receiveEmbedMessage)if(d.wp.receiveEmbedMessage=function(e){var t=e.data;if(t)if(t.secret||t.message||t.value)if(!\/[^a-zA-Z0-9]\/.test(t.secret)){var r,a,i,s,n,o=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),c=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]');for(r=0;r<c.length;r++)c[r].style.display=\"none\";for(r=0;r<o.length;r++)if(a=o[r],e.source===a.contentWindow){if(a.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(i=parseInt(t.value,10)))i=1e3;else if(~~i<200)i=200;a.height=i}if(\"link\"===t.message)if(s=l.createElement(\"a\"),n=l.createElement(\"a\"),s.href=a.getAttribute(\"src\"),n.href=t.value,n.host===s.host)if(l.activeElement===a)d.top.location.href=t.value}}},e)d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",t,!1),d.addEventListener(\"load\",t,!1);function t(){if(!o){o=!0;var e,t,r,a,i=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),s=!!navigator.userAgent.match(\/Trident.*rv:11\\.\/),n=l.querySelectorAll(\"iframe.wp-embedded-content\");for(t=0;t<n.length;t++){if(!(r=n[t]).getAttribute(\"data-secret\"))a=Math.random().toString(36).substr(2,10),r.src+=\"#?secret=\"+a,r.setAttribute(\"data-secret\",a);if(i||s)(e=r.cloneNode(!0)).removeAttribute(\"security\"),r.parentNode.replaceChild(e,r)}}}}(window,document);\n\/\/--><!]]>\n<\/script><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/openwebsolutions.in\/blog\/two-methods-full-screen-overlay-navigation\/embed\/\" width=\"600\" height=\"338\" title=\"&#8220;Two Methods of Full Screen Overlay Navigation&#8221; &#8212; Openweb Solutions Blog\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe>","thumbnail_url":"https:\/\/openwebsolutions.in\/blog\/wp-content\/uploads\/2019\/01\/Screenshot-from-2019-01-29-15-25-26.png","thumbnail_width":1628,"thumbnail_height":759,"description":"&nbsp; Using JavaScript and CSS properties we can create stylish fullscreen overlay navigation with a hamburger toggle button. This navigation menu will appear when toggled. Besides, the overlay covers the whole screen and makes lots of space for menu items. Similarly, there are several ways to create this type of navigation. In this blog, I [&hellip;]"}