Hi there!
If I may...
Are you talking about this portion https://prnt.sc/23m10s5 ? Then here is the sample branch of custom CSS would help you to achive this!
Code for login icon to appear below the search bar:
.offcanvas-inner .d-flex.header-modules.mb-3 {
flex-direction: column;
}
Code for making the icon larger and remove the top space:
.offcanvas-menu .offcanvas-inner .sp-sign-in {
top: 0px !important;
font-size: 20px;
}
Code for the dropdouwn menu items to bring to the icon for this new position:
.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .sp-profile-dropdown{
right: 122px;
z-index: 9;
}
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards