Integrating your organization menu into the header area

The header image you replaced is set as a background of the header area in the themes/styles.css file in the themeHeaderbox style. You can overlay it with a menu of links to the corporate pages that you want the candidate to access.

The welcome.html/candidatespace.html file is delivered with a simulated menu that you can replace.

  1. Search for this in the file: 
    <div class="themeHeaderbox">
			<div class="menu">
				NEWS &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				PRODUCTS &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				INDUSTRIES &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				EVENTS &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				SUPPORT &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				SERVICES &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
				COMPANY &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</div>
		</div>
  2. Replace the content between <div class = "menu"> and the first </div> with the HTML code for your menu.

    The menu is set to float to the right for left-to-right languages, and to the left for right-to-left languages.

    To change the styling of the menu, you can use the existing menu style in the themes/styles.css file, or you can supply a custom style. The delivered menu style has left and right justification that is defined in css/candidateSpaceMain-ltr.css and css/candidateSpaceMain-rtl.css. You can use the existing justification styles or edit them.