Responsive Floating Navbar

{"content":[{"id":"hqfekp","name":"block","parent":0,"children":["nrtsyu"],"settings":{"_cssGlobalClasses":["kkp5xs"]},"label":"Nav"},{"id":"nrtsyu","name":"container","parent":"hqfekp","children":["neicke"],"settings":{"_cssGlobalClasses":["rgxkny"]}},{"id":"neicke","name":"nav-nested","parent":"nrtsyu","children":["rnodbj","zgokgk"],"settings":{"_cssGlobalClasses":["hy2m2j"],"mobileMenuJustifyContent:mobile_landscape":"flex-start"},"label":"Wrapper"},{"id":"rnodbj","name":"block","parent":"neicke","children":["qhuych","krgjgr"],"settings":{"_cssGlobalClasses":["xlkmwd"]},"label":"Desktop"},{"id":"qhuych","name":"image","parent":"rnodbj","children":[],"settings":{"image":{"id":168,"filename":"memberstack-logo.svg","size":"full","full":"https://memberstack.local/wp-content/uploads/2025/03/memberstack-logo.svg","url":"https://memberstack.local/wp-content/uploads/2025/03/memberstack-logo.svg"},"_cssGlobalClasses":["iuttrl"],"link":"url","url":{"type":"internal","postId":"10"}}},{"id":"krgjgr","name":"block","parent":"rnodbj","children":["felgvn","fvbylk","spwrda","zwmvrq","hsjkur","gmeuoj","hocsvi"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["xzp6o4"]},"label":"Items","cloneable":false,"deletable":false},{"id":"felgvn","name":"toggle","parent":"krgjgr","children":[],"settings":{"_hidden":{"_cssClasses":"brx-toggle-div"},"_cssGlobalClasses":["9zy0ij"],"icon":{"library":"ionicons","icon":"ion-md-close"}},"label":"Toggle Close"},{"id":"fvbylk","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Pricing","link":{"type":"internal","url":"#","postId":"206"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"spwrda","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Features","link":{"type":"internal","url":"#","postId":"393"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"zwmvrq","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Blog","link":{"type":"internal","url":"#","postId":"445"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"hsjkur","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"For Webflow","link":{"type":"external","url":"https://www.memberstack.com/","newTab":true},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"gmeuoj","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Login","link":{"type":"external","url":"#"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"hocsvi","name":"button","parent":"krgjgr","children":[],"settings":{"text":"Sign up","style":"primary","_cssGlobalClasses":["grgqgk","nfnylh"]}},{"id":"zgokgk","name":"toggle","parent":"neicke","children":[],"settings":{"_cssGlobalClasses":["fvnoc7"],"icon":{"library":"ionicons","icon":"ion-md-menu"}},"label":"Toggle Open"}],"source":"bricksCopiedElements","sourceUrl":"https://memberstack.local","version":"1.12.3","globalClasses":[{"id":"kkp5xs","name":"nav","settings":{"_padding":{"left":"45","right":"45"},"_padding:mobile_landscape":{"left":"36","right":"36"},"_padding:mobile_portrait":{"left":"24","right":"24"}},"modified":1741682880,"user_id":1},{"id":"rgxkny","name":"nav__container","settings":{"_padding":{"top":"15","bottom":"15"}},"modified":1741681952,"user_id":1},{"id":"hy2m2j","name":"nav__wrapper","settings":{"_width":"100%","_padding":{"bottom":"15","top":"15","right":"20","left":"20"},"_background":{"color":{"id":"acss_import_white-trans-80","name":"white-trans-80","raw":"var(--white-trans-80)"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--border--base)"}},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_cssCustom":".nav__wrapper {\n backdrop-filter: blur(10px);\n}"},"modified":1741683598,"user_id":1},{"id":"xlkmwd","name":"nav__desktop","settings":{"_direction":"row","_justifyContent":"space-between","_alignItems":"center"},"modified":1741681952,"user_id":1},{"id":"iuttrl","name":"nav__logo","settings":{"_height":"40"},"modified":1741700962,"user_id":1},{"id":"xzp6o4","name":"nav__items","settings":{"_justifyContent":"flex-end","_columnGap":"20","_padding:mobile_landscape":{"right":"36","left":"36","bottom":"25","top":"100"},"_justifyContent:mobile_landscape":"flex-start","_rowGap:mobile_landscape":"20"},"modified":1741681952,"user_id":1},{"id":"9zy0ij","name":"nav__toggle-close","settings":{"_position:mobile_landscape":"absolute","_top:mobile_landscape":"36","_right:mobile_landscape":"36","iconSize:mobile_landscape":"35"}},{"id":"2c3c3f","name":"nav__link","settings":{"_typography":{"font-size":"15","font-weight":"600","color":{"id":"acss_import_black","name":"black","raw":"var(--black)"},"line-height":"2"},"_typography:hover":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_cssTransition":"0.2s","_margin:mobile_landscape":{"bottom":"25"}},"modified":1741681952,"user_id":1},{"id":"grgqgk","name":"button","settings":{"_padding":{"bottom":"12","top":"12","left":"22","right":"22"},"_cssCustom":".button {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.3); /* Dark inner shadow at the bottom */\n}","_background:hover":{"color":{"id":"acss_import_primary-semi-dark","name":"primary-semi-dark","raw":"var(--primary-semi-dark)"}},"_cssTransition":"0.2s","_background":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_typography":{"font-weight":"600","letter-spacing":"-0.5"},"_transform:hover":{"scaleX":"1.05","scaleY":"1.05"}},"modified":1741686006,"user_id":1},{"id":"nfnylh","name":"button--nav","settings":{"_typography":{"font-size":"15"}}},{"id":"fvnoc7","name":"nav__toggle-open","settings":{"iconSize:mobile_landscape":"35"}}],"globalElements":[]}