Service Portal header Menu issue

[Ranjan_Pradhan]

if you click on the user menu in the service portal's header, a drop-down menu containing menu items like Profile, Logout, and other options will appear. I want that menu not be a drop-down; instead, it should a sidenav. (it should slide from left) How do I achieve this?

[Mark Roethof]

Hi there,

What you are asking is not a simple configurable option. For that you would need to create your own heavily customized header widget.

Kind regards,
Mark

[Ranjan_Pradhan]

I have cloned the default header and am configuring it i believe I need to do some html and css changes. (coloured one)

 HTML code

<a href class="toggle-dropdow" data-toggle="dropdown" aria-expanded="false" aria-label="{{::data.profileBtnMsg}}: {{::user.name}}" id="profile-dropdown" role="menuitem" aria-haspopup="true">
<h4> <span class="navbar-avatar" aria-hidden="true"><sn-avatar class="avatar-small-medium avatar-icon" primary="avatarProfile" /></span>
<span style="color: white; size: 100px;" class="visible-lg-inline pad"> {{::user.name}} </span> </h4>
</a>