Download Code
<!-- wp:greenshift-blocks/element {"id":"gsbp-896047a","interactionLayers":[{"actions":[{"actionname":"panel","selector":"#panel_gsbp-896047a"}],"env":"no-action","triggerData":{"trigger":"click"}},{"actions":[{"actionname":"attach-attribute","env":"no-action","attr":"data-slide","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","customMath":[{"type":"subtract","value":"100","selector":""}],"selector":".gs-nav-top-level"},{"actionname":"set-variable","env":"no-action","attr":"translateX","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","customMath":[{"type":"subtract","value":"0","selector":""}],"attrUnit":"%","selector":".gs-nav-top-level"},{"actionname":"set-variable","env":"no-action","attr":"min-height","attrValue":"{{HEIGHT}}px","attrValueSelector":"{TRIGGERNEXT}","selector":".gs-nav-top-level"},{"actionname":"set-variable","env":"no-action","attr":"visibility","attrValue":"visible","selector":"{TRIGGERNEXT}"},{"actionname":"attach-class","env":"no-action","classname":"activelevel","selector":"{TRIGGERNEXT}"}],"env":"no-action","triggerData":{"trigger":"click","selector":".gs-nav-trigger"}},{"actions":[{"actionname":"attach-attribute","env":"no-action","attr":"data-slide","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","selector":".gs-nav-top-level","customMath":[{"type":"add","value":"100","selector":""}]},{"actionname":"set-variable","env":"no-action","attr":"translateX","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","selector":".gs-nav-top-level","customMath":[{"type":"add","value":"0","selector":""}],"attrUnit":"%"},{"actionname":"set-variable","env":"no-action","attr":"min-height","attrValue":"{{HEIGHT}}px","selector":".gs-nav-top-level","attrValueSelector":"{TRIGGERGRANDPARENT}"}],"env":"no-action","triggerData":{"trigger":"click","selector":".gs-nav-back-trigger"}},{"actions":[{"actionname":"set-variable","attr":"visibility","attrValue":"hidden","selector":"{TRIGGERPARENT}"},{"actionname":"remove-class","env":"no-action","classname":"activelevel","selector":"{TRIGGERPARENT}"}],"env":"no-action","triggerData":{"trigger":"click","selector":".gs-nav-back-trigger","delay":true,"delaytime":"800"}}],"tag":"button","type":"inner","localId":"gsbp-896047a","formAttributes":{"type":"button"},"styleAttributes":{"display":["flex"],"flexDirection":["row"],"flexWrap":["nowrap"],"columnGap":["5px"],"alignItems":["center"],"fontSize":["17px"],"paddingTop":["7px"],"paddingBottom":["7px"],"paddingRight":["12px"],"paddingLeft":["12px"],"backgroundColor":["#ffffff"],"borderRadiusLink_Extra":true,"borderWidth":["1px"],"borderStyle":["solid"],"borderColor":["#0000001f"],"borderCustom_Extra":false,"borderLink_Extra":false,"cursor":["pointer"],"borderTopLeftRadius":["5px"],"borderBottomLeftRadius":["5px"],"borderTopRightRadius":["5px"],"borderBottomRightRadius":["5px"]},"metadata":{"name":"Menu Trigger Button"}} -->
<button data-gspbactions="[{"actions":[{"actionname":"panel","selector":"#panel_gsbp-896047a"}],"env":"no-action","triggerData":{"trigger":"click"}},{"actions":[{"actionname":"attach-attribute","env":"no-action","attr":"data-slide","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","customMath":[{"type":"subtract","value":"100","selector":""}],"selector":".gs-nav-top-level"},{"actionname":"set-variable","env":"no-action","attr":"translateX","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","customMath":[{"type":"subtract","value":"0","selector":""}],"attrUnit":"%","selector":".gs-nav-top-level"},{"actionname":"set-variable","env":"no-action","attr":"min-height","attrValue":"{{HEIGHT}}px","attrValueSelector":"{TRIGGERNEXT}","selector":".gs-nav-top-level"},{"actionname":"set-variable","env":"no-action","attr":"visibility","attrValue":"visible","selector":"{TRIGGERNEXT}"},{"actionname":"attach-class","env":"no-action","classname":"activelevel","selector":"{TRIGGERNEXT}"}],"env":"no-action","triggerData":{"trigger":"click","selector":".gs-nav-trigger"}},{"actions":[{"actionname":"attach-attribute","env":"no-action","attr":"data-slide","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","selector":".gs-nav-top-level","customMath":[{"type":"add","value":"100","selector":""}]},{"actionname":"set-variable","env":"no-action","attr":"translateX","attrValue":"{{ATTR:data-slide}}","attrValueSelector":".gs-nav-top-level","selector":".gs-nav-top-level","customMath":[{"type":"add","value":"0","selector":""}],"attrUnit":"%"},{"actionname":"set-variable","env":"no-action","attr":"min-height","attrValue":"{{HEIGHT}}px","selector":".gs-nav-top-level","attrValueSelector":"{TRIGGERGRANDPARENT}"}],"env":"no-action","triggerData":{"trigger":"click","selector":".gs-nav-back-trigger"}},{"actions":[{"actionname":"set-variable","attr":"visibility","attrValue":"hidden","selector":"{TRIGGERPARENT}"},{"actionname":"remove-class","env":"no-action","classname":"activelevel","selector":"{TRIGGERPARENT}"}],"env":"no-action","triggerData":{"trigger":"click","selector":".gs-nav-back-trigger","delay":true,"delaytime":"800"}}]" class="gsbp-896047a" type="button"><!-- wp:greenshift-blocks/element {"id":"gsbp-b494e8d","tag":"svg","icon":{"icon":{"font":"rhicon rhi-bars","svg":"","image":""},"type":"font"},"localId":"gsbp-b494e8d","styleAttributes":{"width":["15px"],"height":["15px"]}} -->
<svg viewBox="0 0 896 1024" width="896" height="1024" class="gsbp-b494e8d"><path d="M884 228h-872c-6.627 0-12-5.373-12-12v0-48c0-6.627 5.373-12 12-12v0h872c6.627 0 12 5.373 12 12v0 48c0 6.627-5.373 12-12 12v0zM884 548h-872c-6.627 0-12-5.373-12-12v0-48c0-6.627 5.373-12 12-12v0h872c6.627 0 12 5.373 12 12v0 48c0 6.627-5.373 12-12 12v0zM884 868h-872c-6.627 0-12-5.373-12-12v0-48c0-6.627 5.373-12 12-12v0h872c6.627 0 12 5.373 12 12v0 48c0 6.627-5.373 12-12 12v0z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-7eac570","textContent":"Menu","tag":"span","localId":"gsbp-7eac570"} -->
<span>Menu</span>
<!-- /wp:greenshift-blocks/element --></button>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-850d938","anchor":"panel_gsbp-896047a","dynamicGClasses":[{"value":"control-panelgsbp-896047a","type":"local","label":"control-panelgsbp-896047a","localed":false,"css":"body.gspb-bodyfront .control-panelgsbp-896047a{position:fixed;top:0px;bottom:0px;right:0px;pointer-events:none;max-width:600px;width:100%;overflow-x:clip;overflow-y:auto;}.active .control-panelgsbp-896047a{pointer-events: auto !important;}","attributes":{"styleAttributes":{"position":["fixed"],"top":["0px"],"bottom":["0px"],"right":["0px"],"pointerEvents":["none"],"customCSS_Extra":".active {CURRENT}{pointer-events: auto !important;}","maxWidth":["600px"],"width":["100%"],"overflowLink_Extra":true,"overflowX":["clip"],"overflowY":["auto"]}},"originalBlock":"greenshift-blocks/element","selectors":[],"localedSpace":"front"}],"type":"inner","animation":{"duration":800,"easing":"ease","type":"clip-down","onclass_active":true},"className":"control-panelgsbp-896047a","localId":"gsbp-850d938","align":"full","styleAttributes":{"minHeight":["100vh"],"maxWidth":["100%"],"backgroundColor":["#000"],"color":["#fff"],"color_A":["#ffffff"]},"metadata":{"name":"Sliding Panel"}} -->
<div data-aos-easing="ease" data-aos-duration="800" class="control-panelgsbp-896047a gsbp-850d938 alignfull" id="panel_gsbp-896047a"><!-- wp:greenshift-blocks/element {"id":"gsbp-5011602","type":"inner","localId":"gsbp-5011602","styleAttributes":{},"metadata":{"name":"Panel Content"}} -->
<div class="gsbp-5011602"><!-- wp:greenshift-blocks/element {"id":"gsbp-95d14c3","dynamicGClasses":[{"value":"gs-sliding-nav","type":"local","label":"gs-sliding-nav","localed":false,"css":"","attributes":{"styleAttributes":{}},"originalID":"gsbp-95d14c3","originalBlock":"greenshift-blocks/element","selectors":[{"value":" .gs-nav-top-level","attributes":{"styleAttributes":{"transition":["all 1s cubic-bezier(0.66,0,0.34,1)"],"paddingTop":["5vh"],"paddingRight":["5vw"],"paddingBottom":["5vh"],"paddingLeft":["5vw"],"minWidth":["100%"]}},"css":".gs-sliding-nav .gs-nav-top-level{transition:all 1s cubic-bezier(0.66,0,0.34,1);padding-top:5vh;padding-right:5vw;padding-bottom:5vh;padding-left:5vw;min-width:100%;}"},{"value":" .gs-nav-menu-item","attributes":{"styleAttributes":{"fontSize":["1.5rem"],"paddingTop":["10px"],"paddingBottom":["10px"],"display":["block"],"textDecoration":["none"],"cursor":["pointer"],"backgroundColor":["#00000000"],"color":["#ffffff"],"paddingRight":["0px"],"paddingLeft":["0px"],"borderCustom_Extra":true,"border":["none"],"boxShadow":["none"],"lineHeight":["2.2rem"]}},"css":".gs-sliding-nav .gs-nav-menu-item{font-size:1.5rem;padding-top:10px;padding-bottom:10px;display:block;text-decoration:none;cursor:pointer;background-color:#00000000;color:#ffffff;padding-right:0px;padding-left:0px;border:none;box-shadow:none;line-height:2.2rem;}"},{"value":" .gs-nav-sub-level","attributes":{"styleAttributes":{"paddingTop":["5vh"],"paddingRight":["5vw"],"paddingBottom":["5vh"],"paddingLeft":["5vw"],"minWidth":["100%"]}},"css":".gs-sliding-nav .gs-nav-sub-level{padding-top:5vh;padding-right:5vw;padding-bottom:5vh;padding-left:5vw;min-width:100%;}"},{"value":".gs-nav-trigger","attributes":{},"css":""},{"value":" .gs-nav-back-trigger","attributes":{"styleAttributes":{"backgroundColor":["#00000000"],"borderCustom_Extra":true,"border":["none"],"color":["#ffffff"],"fill":["#ffffff"],"paddingLink_Extra":"all","paddingTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"],"marginBottom":["40px"],"fontSize":["16px"],"cursor":["pointer"]}},"css":".gs-sliding-nav .gs-nav-back-trigger{background-color:#00000000;border:none;color:#ffffff;fill:#ffffff;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;margin-bottom:40px;font-size:16px;cursor:pointer;}"},{"value":" .gs-nav-trigger:after","attributes":{"styleAttributes":{"customCSS_Extra":"{CURRENT}{\nopacity:0;\ncontent: \u0022→\u0022;\ndisplay:inline-block;\ntransition: all 0.5s;\n}\n.gs-nav-trigger:hover:after{\n  transform: translateX(10px);\n  opacity:1;\n}"}},"css":".gs-sliding-nav .gs-nav-trigger:after{\nopacity:0;\ncontent: \u0022→\u0022;\ndisplay:inline-block;\ntransition: all 0.5s;\n}\n.gs-nav-trigger:hover:after{\n  transform: translateX(10px);\n  opacity:1;\n}"},{"value":" .gs-nav-sub-style","attributes":{"styleAttributes":{"fontSize":["1.1rem"],"lineHeight":["2rem"]}},"css":".gs-sliding-nav .gs-nav-sub-style{font-size:1.1rem;line-height:2rem;}"},{"value":" .gs-nav-image-link","attributes":{"styleAttributes":{"textDecoration":["none"]}},"css":".gs-sliding-nav .gs-nav-image-link{text-decoration:none;}"},{"value":" .gs-nav-underline","attributes":{"styleAttributes":{"textDecoration":["underline"]}},"css":".gs-sliding-nav .gs-nav-underline{text-decoration:underline;}"},{"value":" .gs-nav-title","attributes":{"styleAttributes":{"fontSize":["40px"],"lineHeight":["50px"],"marginBottom":["40px"]}},"css":".gs-sliding-nav .gs-nav-title{font-size:40px;line-height:50px;margin-bottom:40px;}"}]},{"value":"gs-sliding-nav-front","type":"local","label":"gs-sliding-nav-front","localed":false,"css":"","attributes":{},"originalID":"gsbp-95d14c3","originalBlock":"greenshift-blocks/element","selectors":[{"value":" .gs-nav-sub-level","attributes":{"styleAttributes":{"position":["absolute"],"left":["100%"],"top":["0px"],"width":["100%"],"paddingBottom":["5vh"],"visibility":["hidden"]}},"css":"body.gspb-bodyfront .gs-sliding-nav-front .gs-nav-sub-level{position:absolute;left:100%;top:0px;width:100%;padding-bottom:5vh;visibility:hidden;}"}],"localedSpace":"front"},{"value":"gs-sliding-nav-admin","type":"local","label":"gs-sliding-nav-admin","localed":false,"css":"","attributes":{},"originalID":"gsbp-95d14c3","originalBlock":"greenshift-blocks/element","selectors":[{"value":" .gs-nav-sub-level","attributes":{"styleAttributes":{"paddingLeft":["50px"],"paddingTop":["30px"],"paddingBottom":["30px"]}},"css":"body.gspb-bodyadmin .gs-sliding-nav-admin .gs-nav-sub-level{padding-left:50px;padding-top:30px;padding-bottom:30px;}"}],"localedSpace":"editor"}],"interactionLayers":[],"type":"inner","className":"gs-sliding-nav gs-sliding-nav-front gs-sliding-nav-admin","localId":"gsbp-95d14c3","metadata":{"name":"Sliding Navigation"}} -->
<div class="gs-sliding-nav gs-sliding-nav-front gs-sliding-nav-admin"><!-- wp:greenshift-blocks/element {"id":"gsbp-24d1aac","type":"inner","animation":{"duration":800,"easing":"ease","type":"fade-up","onchild":true,"onsplit":false,"onscrub":false,"onchild_delay":true,"delay":300,"onclass_active":true},"className":"gs-nav-top-level","localId":"gsbp-24d1aac","dynamicAttributes":[{"name":"data-slide","value":"0"}],"metadata":{"name":"Top Level"}} -->
<div data-aos-delay="300" data-aos-easing="ease" data-aos-duration="800" class="gs-nav-top-level gsbp-24d1aac" data-slide="0"><!-- wp:greenshift-blocks/element {"id":"gsbp-b3c2cd1","dynamicGClasses":[],"textContent":"Gifts","tag":"a","className":"gs-nav-menu-item","localId":"gsbp-b3c2cd1","href":"#","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item" href="#">Gifts</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ff784c7","dynamicGClasses":[],"textContent":"Bags and leathery","tag":"a","className":"gs-nav-menu-item","localId":"gsbp-ff784c7","href":"#","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item" href="#">Bags and leathery</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9171fa5","dynamicGClasses":[],"textContent":"Click Trigger for submenu","tag":"button","className":"gs-nav-menu-item gs-nav-trigger","localId":"gsbp-9171fa5","isVariation":"divtext","metadata":{"name":"Sub Level Trigger Item"}} -->
<button class="gs-nav-menu-item gs-nav-trigger">Click Trigger for submenu</button>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-94e91d4","dynamicGClasses":[],"type":"inner","className":"gs-nav-sub-level","localId":"gsbp-94e91d4","isVariation":"divtext","metadata":{"name":"Sub Level"}} -->
<div class="gs-nav-sub-level"><!-- wp:greenshift-blocks/element {"id":"gsbp-8cdc59f","tag":"button","type":"inner","className":"gs-nav-back-trigger","localId":"gsbp-8cdc59f","formAttributes":{"type":"button"},"styleAttributes":{"display":["flex"],"flexDirection":["row"],"alignItems":["center"],"columnGap":["5px"]},"metadata":{"name":"Back Button"}} -->
<button class="gs-nav-back-trigger gsbp-8cdc59f" type="button"><!-- wp:greenshift-blocks/element {"id":"gsbp-9aa11a8","tag":"svg","icon":{"icon":{"font":"rhicon rhi-angle-left","svg":"","image":""},"type":"font"},"localId":"gsbp-9aa11a8","dynamicAttributes":[{"name":"aria-hidden","value":"true"}],"styleAttributes":{"width":["16px"],"height":["16px"]}} -->
<svg viewBox="0 0 384 1024" width="384" height="1024" class="gsbp-9aa11a8" aria-hidden="true"><path d="M8.4 495l293.6-296c9.4-9.4 24.6-9.4 34 0l39.6 39.6c9.4 9.4 9.4 24.6 0 34l-237 239.4 237 239.4c9.4 9.4 9.4 24.6 0 34l-39.6 39.6c-9.4 9.4-24.6 9.4-34 0l-293.6-296c-9.4-9.4-9.4-24.6 0-34z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-8a63488","textContent":"Back","tag":"span","localId":"gsbp-8a63488"} -->
<span>Back</span>
<!-- /wp:greenshift-blocks/element --></button>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4c00842","textContent":"Sub Level Title","className":"gs-nav-title","localId":"gsbp-4c00842","styleAttributes":{},"isVariation":"divtext","metadata":{"name":"Level Title"}} -->
<div class="gs-nav-title gsbp-4c00842">Sub Level Title</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0687321","type":"inner","localId":"gsbp-0687321","styleAttributes":{"display":["flex"],"flexDirection":["row"],"columnGap":["20px"],"rowGap":["20px"],"flexWrap":["nowrap"],"marginBottom":["40px"]},"metadata":{"name":"Image Container"}} -->
<div class="gsbp-0687321"><!-- wp:greenshift-blocks/element {"id":"gsbp-2c2034d","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-2c2034d"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-32a509e","tag":"img","localId":"gsbp-32a509e","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-3a4e105","textContent":"Title of Product","localId":"gsbp-3a4e105","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-49b5dce","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-49b5dce"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-44a26f0","tag":"img","localId":"gsbp-44a26f0","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4085c27","textContent":"Title of Product","localId":"gsbp-4085c27","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-32c3b32","dynamicGClasses":[],"textContent":"Women Clothes","tag":"a","className":"gs-nav-menu-item","localId":"gsbp-32c3b32","href":"#","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item" href="#">Women Clothes</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-6d2c618","dynamicGClasses":[],"textContent":"Click Trigger for submenu","tag":"button","className":"gs-nav-menu-item gs-nav-trigger","localId":"gsbp-6d2c618","isVariation":"divtext","metadata":{"name":"Sub Level Trigger Item"}} -->
<button class="gs-nav-menu-item gs-nav-trigger">Click Trigger for submenu</button>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0a678f2","dynamicGClasses":[],"type":"inner","className":"gs-nav-sub-level","localId":"gsbp-0a678f2","isVariation":"divtext","metadata":{"name":"Sub Level"}} -->
<div class="gs-nav-sub-level"><!-- wp:greenshift-blocks/element {"id":"gsbp-7831ad1","tag":"button","type":"inner","className":"gs-nav-back-trigger","localId":"gsbp-7831ad1","formAttributes":{"type":"button"},"styleAttributes":{"display":["flex"],"flexDirection":["row"],"alignItems":["center"],"columnGap":["5px"]},"metadata":{"name":"Back Button"}} -->
<button class="gs-nav-back-trigger gsbp-7831ad1" type="button"><!-- wp:greenshift-blocks/element {"id":"gsbp-fe08aa9","tag":"svg","icon":{"icon":{"font":"rhicon rhi-angle-left","svg":"","image":""},"type":"font"},"localId":"gsbp-fe08aa9","dynamicAttributes":[{"name":"aria-hidden","value":"true"}],"styleAttributes":{"width":["16px"],"height":["16px"]}} -->
<svg viewBox="0 0 384 1024" width="384" height="1024" class="gsbp-fe08aa9" aria-hidden="true"><path d="M8.4 495l293.6-296c9.4-9.4 24.6-9.4 34 0l39.6 39.6c9.4 9.4 9.4 24.6 0 34l-237 239.4 237 239.4c9.4 9.4 9.4 24.6 0 34l-39.6 39.6c-9.4 9.4-24.6 9.4-34 0l-293.6-296c-9.4-9.4-9.4-24.6 0-34z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-0630de8","textContent":"Back","tag":"span","localId":"gsbp-0630de8"} -->
<span>Back</span>
<!-- /wp:greenshift-blocks/element --></button>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-79ee5eb","textContent":"Sub-sub Level Title","className":"gs-nav-title","localId":"gsbp-79ee5eb","isVariation":"divtext"} -->
<div class="gs-nav-title">Sub-sub Level Title</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-cecfa6d","type":"inner","localId":"gsbp-cecfa6d","styleAttributes":{"display":["flex"],"flexDirection":["row"],"columnGap":["20px"],"rowGap":["20px"],"flexWrap":["nowrap"],"marginBottom":["40px"],"flexColumns_Extra":2,"flexWidths_Extra":{"desktop":{"name":"50/50","widths":[50,50]},"tablet":{"name":"50/50","widths":[50,50]},"mobile":{"name":"50/50","widths":[50,50]}},"maxWidth":["420px"]},"metadata":{"name":"Image Container"}} -->
<div class="gsbp-cecfa6d"><!-- wp:greenshift-blocks/element {"id":"gsbp-f74fb33","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-f74fb33"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-bd82b08","tag":"img","localId":"gsbp-bd82b08","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b62c59d","textContent":"Title of Product","localId":"gsbp-b62c59d","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-395523a","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-395523a"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-2899ad2","tag":"img","localId":"gsbp-2899ad2","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-530181a","textContent":"Title of Product","localId":"gsbp-530181a","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-19aeaee","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-19aeaee"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-28058f7","tag":"img","localId":"gsbp-28058f7","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-cd2605a","textContent":"Title of Product","localId":"gsbp-cd2605a","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d1ea323","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-d1ea323"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-825cd63","tag":"img","localId":"gsbp-825cd63","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-010e485","textContent":"Title of Product","localId":"gsbp-010e485","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-772097a","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-772097a"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-6f789fc","tag":"img","localId":"gsbp-6f789fc","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-06d8135","textContent":"Title of Product","localId":"gsbp-06d8135","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-49ff6ae","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-49ff6ae"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-adca28c","tag":"img","localId":"gsbp-adca28c","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-dfcc704","textContent":"Title of Product","localId":"gsbp-dfcc704","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9d709bc","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-9d709bc"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-b09cc58","tag":"img","localId":"gsbp-b09cc58","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ff927a6","textContent":"Title of Product","localId":"gsbp-ff927a6","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1215b46","tag":"a","type":"inner","className":"gs-nav-image-link","localId":"gsbp-1215b46"} -->
<a class="gs-nav-image-link"><!-- wp:greenshift-blocks/element {"id":"gsbp-068044d","tag":"img","localId":"gsbp-068044d","src":"https://placehold.co/200x130","alt":""} -->
<img src="https://placehold.co/200x130" alt="" loading="lazy"/>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4829606","textContent":"Title of Product","localId":"gsbp-4829606","isVariation":"divtext"} -->
<div>Title of Product</div>
<!-- /wp:greenshift-blocks/element --></a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a49f5a1","dynamicGClasses":[],"textContent":"Men's Watches","tag":"a","className":"gs-nav-menu-item gs-nav-sub-style","localId":"gsbp-a49f5a1","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item gs-nav-sub-style">Men's Watches</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c83a1de","dynamicGClasses":[],"textContent":"Sport Goods","tag":"a","className":"gs-nav-menu-item gs-nav-sub-style","localId":"gsbp-c83a1de","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item gs-nav-sub-style">Sport Goods</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1431d0a","dynamicGClasses":[],"textContent":"Decor and Trasure","tag":"a","className":"gs-nav-menu-item gs-nav-sub-style","localId":"gsbp-1431d0a","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item gs-nav-sub-style">Decor and Trasure</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-bb79a45","dynamicGClasses":[],"textContent":"Furniture","tag":"a","className":"gs-nav-menu-item","localId":"gsbp-bb79a45","href":"#","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item" href="#">Furniture</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-83550df","dynamicGClasses":[],"textContent":"TV and Games","tag":"a","className":"gs-nav-menu-item","localId":"gsbp-83550df","href":"#","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<a class="gs-nav-menu-item" href="#">TV and Games</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-9d69fb3","dynamicGClasses":[],"textContent":"Children","className":"gs-nav-menu-item","localId":"gsbp-9d69fb3","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item">Children</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-b784b5c","dynamicGClasses":[],"textContent":"Travel Goods","className":"gs-nav-menu-item","localId":"gsbp-b784b5c","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item">Travel Goods</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-43e6173","dynamicGClasses":[],"textContent":"Smartphones","className":"gs-nav-menu-item","localId":"gsbp-43e6173","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item">Smartphones</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e8b4bec","dynamicGClasses":[],"textContent":"Electronics","className":"gs-nav-menu-item","localId":"gsbp-e8b4bec","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item">Electronics</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-3a1d5f4","dynamicGClasses":[],"textContent":"Radio and Analyzers","className":"gs-nav-menu-item gs-nav-sub-style","localId":"gsbp-3a1d5f4","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item gs-nav-sub-style">Radio and Analyzers</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-aa61def","dynamicGClasses":[],"textContent":"Fragrances","className":"gs-nav-menu-item gs-nav-sub-style","localId":"gsbp-aa61def","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item gs-nav-sub-style">Fragrances</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f8d65be","type":"inner","localId":"gsbp-f8d65be","styleAttributes":{"marginTop":["80px"]},"metadata":{"name":"Extra space - bottom part"}} -->
<div class="gsbp-f8d65be"><!-- wp:greenshift-blocks/element {"id":"gsbp-7673a81","dynamicGClasses":[],"textContent":"Contacts","className":"gs-nav-menu-item gs-nav-sub-style gs-nav-underline","localId":"gsbp-7673a81","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item gs-nav-sub-style gs-nav-underline">Contacts</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4b95a4b","dynamicGClasses":[],"textContent":"Sign In","className":"gs-nav-menu-item gs-nav-sub-style gs-nav-underline","localId":"gsbp-4b95a4b","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item gs-nav-sub-style gs-nav-underline">Sign In</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-3169881","dynamicGClasses":[],"textContent":"Orders","className":"gs-nav-menu-item gs-nav-sub-style gs-nav-underline","localId":"gsbp-3169881","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item gs-nav-sub-style gs-nav-underline">Orders</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-69d1cf2","dynamicGClasses":[],"textContent":"My Account","className":"gs-nav-menu-item gs-nav-sub-style gs-nav-underline","localId":"gsbp-69d1cf2","isVariation":"divtext","metadata":{"name":"Menu Item"}} -->
<div class="gs-nav-menu-item gs-nav-sub-style gs-nav-underline">My Account</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-c62bae2","dynamicGClasses":[{"value":"gs_padding_l","type":"preset","label":"gs_padding_l"}],"textContent":"You can find all styles in Sliding Panel block. Click on it and select '.gs-sliding-nav\u0022 and find sub-selectors. You can use the same classes in the element, but they are not required. You can make your own design and elements inside Sliding panel, but you must keep a few important classes\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003egs-nav-trigger\u003c/strong\u003e is a class that you must put on the element that will trigger the level of the menu. Right after the element with this block, you must put the container with class \u003cstrong\u003egs-nav-sub-level\u003c/strong\u003e. You can put anything inside, but the first block in this container must be an element with class \u003cstrong\u003egs-nav-back-trigger. \u003c/strong\u003eYou can use unlimited levels of menu\u003cstrong\u003e\u003cbr\u003e\u003cbr\u003e\u003c/strong\u003eTo change the design of the whole panel, select the most parent Sliding Panel Block. In the\u003cstrong\u003e \u003c/strong\u003eAnimation panel, you can select another appearance Effect.\u003cbr\u003e\u003cbr\u003eWhen you finish adding menus, you can hide it from the admin page. For this, select the Sliding panel, and in Responsive Styles, select Hide in the Admin panel. The panel will continue to work on frontend.\u003cbr\u003e\u003cbr\u003eAll interactions are added to the menu trigger button. You can change the logic and name of classes, but be careful, do this only if you understand your actions ","className":"gs_padding_l","localId":"gsbp-c62bae2","styleAttributes":{"backgroundColor":["#def5ea"],"hideOnFrontend_Extra":true},"isVariation":"divtext"} -->
<div class="gs_padding_l gsbp-c62bae2">You can find all styles in Sliding Panel block. Click on it and select '.gs-sliding-nav" and find sub-selectors. You can use the same classes in the element, but they are not required. You can make your own design and elements inside Sliding panel, but you must keep a few important classes<br><br><strong>gs-nav-trigger</strong> is a class that you must put on the element that will trigger the level of the menu. Right after the element with this block, you must put the container with class <strong>gs-nav-sub-level</strong>. You can put anything inside, but the first block in this container must be an element with class <strong>gs-nav-back-trigger. </strong>You can use unlimited levels of menu<strong><br><br></strong>To change the design of the whole panel, select the most parent Sliding Panel Block. In the<strong> </strong>Animation panel, you can select another appearance Effect.<br><br>When you finish adding menus, you can hide it from the admin page. For this, select the Sliding panel, and in Responsive Styles, select Hide in the Admin panel. The panel will continue to work on frontend.<br><br>All interactions are added to the menu trigger button. You can change the logic and name of classes, but be careful, do this only if you understand your actions </div>
<!-- /wp:greenshift-blocks/element -->

Gucci style Off canvas Menu

Gifts Bags and leathery
Children
Travel Goods
Smartphones
Electronics
Radio and Analyzers
Fragrances
Contacts
Sign In
Orders
My Account