How to change header menu position on esc portal

Community Alums
Not applicable

‎06-16-2023 03:32 AM

Hi All,

I want to change the position of Header menu from right side to left side, near logo. Is there any way to achieve this.

I have cloned the header menu and edited the css but its not working.

PrachiShahare_0-1686911508023.png

 

0 Helpfuls
  • 1,500 Views
4 REPLIES 4

Community Alums
Not applicable

‎06-16-2023 06:14 AM

Hi @Community Alums ,

updated css:

 

.navbar-right {
  //padding-right: 0px;
 // padding-left: 0px;
  display: block;

   position: fixed;

   top: $sp-logo-max-height / 4;

   left: $sp-logo-max-width + 25px;
}

 

0 Helpfuls

Community Alums
Not applicable
In response to Community Alums

‎06-16-2023 07:32 AM

Hi @Community Alums ,

Thank you for your reply, Can you please specify in which widget I should add this css, I have already cloned and added it on header menu widget but still no luck.

 

0 Helpfuls

Community Alums
Not applicable
In response to Community Alums

‎06-16-2023 08:06 PM

Hi @Community Alums ,

  1. Navigate to All > Service Portals > Portals.
    The Service Portal module displays the list of all the available portals.
  2. Click Employee Center.
    If the Employee Center form is read-only, the message To edit this record click here appears at the top.
  3. Click here to edit the form.
  4. Beside the main menu field, click the Preview this record icon to open the Employee Center menu record.
  5. Edit the Additional options, JSON format field.
    Option Parameter setting
    Search bar To enable this option, set the exclude_search_on_homepage value to false. 
    "exclude_search_on_homepage":{
		"displayValue":"false",
		"value":false
    Default value: true
    Note: By default, the search widget is displayed in the Employee Center homepage. Search bar on the global header is hidden by default that you can enable, if needed.
    Wishlist To enable this option, set the enable_wishlist value to true 
    "enable_wishlist":{
		"displayValue":"true",
		"value":true
    Default value: False
    My Requests To disable this option, set the enable_requests value to false 
    "enable_requests":{
		"displayValue":"false",
		"value":false
    Default value: True
    My Tasks To disable this option, set the enable_tasks value to false 
    "enable_tasks":{
		"displayValue":"false",
		"value":false
    Default value: True
    More To disable this option, set the enable_more_items value to false 
    "enable_more_items":{
      	"displayValue":"false",
      	"value":true,
"sysId":"47c952cbec8305107f44e04d648d43c0"
    Default value: True
    Cart To enable this option, set the enable_cart value to true 
    "enable_cart":{
		"displayValue":"true",
		"value":true
    Default value: False
    Update Cart To enable this option, set the auto_update_cart value to true. Update the shopping cart automatically with user-specific changes from multiple tabs and platforms. 
    "auto_update_cart": {
        "displayValue": "true",
          "value": true}
    Default value: True
  6. Click Update.

 

janee
Tera Contributor
In response to Community Alums

‎11-13-2024 07:31 AM

I need to enable wishlist from the header, i set enable_wishlist to true but it doesnt work. Any idea why and how this can be sorted?

0 Helpfuls