SAP Knowledge Base Article - Public

2628691 - CSB - Creating a Custom Header - Recruiting Marketing


All Career Site Builder administrators can configure custom headers for career sites, including headers specific to a company's brands and locations.

Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.


  • SAP SuccessFactors Recruiting Marketing
  • Career Site Builder


  1. Go to Career Site Builder > Global > Styles and expand the Headers menu.
  2. Select the locale you want to configure the custom header for.  The Headers menu lists all locales configured for the site.
  3. Select the brand you want to configure the customer header for.  The Headers menu lists all site brands configured for the selected locale.
  4. In the Details tab, choose Custom from the Header Style dropdown.
  5. Select Desktop Layout to configure the custom layout for desktop sites.
  6. Click Add to add components to the header.
  7. Select Mobile Layout to configure the custom header for mobile sites. Components for the mobile headers are the same as those for desktop headers.
  8. Click Add to add components to the mobile header.
  9. Click added components to open each component's customization options.
  10. After you've added a component you can remove it by clicking the X icon.
  11. Expand or contract components by clicking the right and left direction arrows on each component box.
    • Note: You cannot drag and drop components to reposition them.
  12. When you are finished adding and modifying components to the header click Save.


Available Customer Header Components




Upload an image to use as the company logo in the header.


Add the Line component to add space above or below other components. You can configure the color and height of the line.



Add existing pages to the menu setup to configure a menu to display in the header. You can customize the color, alignment, padding, and height of menu items in the Stylestab.

Sign In and Language

Displays the option for candidates to sign in to the application and select their language from a dropdown menu of active languages configured for the site. Use the Details tab to configure translations, alignment, padding, and height of the component. Use the Styles tab to configure colors for the background, link, and link hover elements of the component.


Add plain text to the header in the Details tab. You can customize alignment, padding, height, and text and background colors for this component.



Custom, Header, CSB, RMK, Global, Styles, Upload, Image, Add, Plain, Text, Displays, Option, Logo, Change , KBA , colour , LOD-SF-RMK , Recruiting Marketing , LOD-SF-RMK-CSB , Career Site Builder , How To


SAP SuccessFactors Recruiting all versions