.side_nav_warpper.collapse.show {
transform: unset;
}

.navbar.side_nav_warpper {
background: linear-gradient(0deg, rgb(229 234 240) 0%, rgba(202,181,116,1) 49%) !important;
position: fixed !important;
top: 0px;
right: -10px;
z-index: 999;
width: 350px;
height: 100%;
transition: 0.5s;
display: block !important;
padding: 50px 20px;
transform: translate(100%, 0);
}

‘secondary’,
‘container’ => ‘div’,
‘container_id’ => ‘main-navs’,
‘container_class’ => ‘collapse navbar justify-content-end side_nav_warpper’,
‘menu_id’ => false,
‘menu_class’ => ‘navbar-nav side_nav’,
‘depth’ => 3,
‘fallback_cb’ => ‘wp_bootstrap_navwalker::fallback’,
‘walker’ => new wp_bootstrap_navwalker()
));
?>