Hi,

Please add more this code to Customize > Custom CSS to change it:

@media only screen and (max-width: 479px){
#sidebar-nav {
    width: 300px;
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
}
.open-sidebar-nav #sidebar-nav,
.open-sidebar-nav #close-sidebar-nav {
    left: 300px;
}
}

Change all values 300 on the above code to any value as you want.

To hide social media icons there, please check option for it via Customize > Logo and Header Options > Disable Social Icons on Vertical Mobile Nav

Best Regards,

PenciDesign

Hi,

Please add more this code to Customize > Custom CSS to do that:

#sidebar-nav-logo{ padding-left: 0; padding-right: 0; }
#sidebar-nav-logo > a{ display: inline-block; max-width: 180px; }

Change value 180 to smaller values as you want.

Best Regards,

PenciDesign