How to Customize your JazzHR Hosted Page

Editing Your Responsive Layout

JazzHR offers a responsive design for your company's hosted careers page. This design provides a great experience for your candidates and works on all devices.

Learn how to incorporate responsive design and logo on your company's career page by following the steps below.

  1. Log into JazzHR.
  2. Click Settings Note: Only Super and Recruiting Administrators will have access to Settings. Developer roles may also access the Career Page section specifically.
  3. Click Career Page.
  4. Click Edit This Layout under the Responsive Layout.
  5. Use the editor to make any changes to your layout.
    Note: When uploading your company logo, only .jpg and .gif files may be used. Recommended image size is no larger than 400 pixels wide and 50 pixels tall.
  6. Click Save Changes.

 Switching to Responsive Layout

  1. Log into JazzHR.
  2. Click Settings. Note: Only Super and Recruiting administrators and account owners will have access to Settings.
  3. Click Jobs.
  4. Locate the Careers Website Layout section.
  5. Select Responsive Layout (Desktop and Mobile).
  6. Scroll to the bottom of the page.
  7. Click Save.

Your careers page will now incorporate a responsive design, allowing candidates to view and apply for your jobs from any computer, tablet, or smartphone.

Not sure where to start with integrating your website or customizing your JazzHR hosted careers page?  Let our team team help.  Click here to see how we can transform your careers page!

Frequently Asked Questions

My logo on the responsive layout is too small.  Can I adjust the size and placement?

Yes.  Paste the CSS code below into the Responsive Layout CSS area and adjust the values accordingly.

.page-header .brand-logo img {
max-height: 160px;  
vertical-align: middle;  
margin-top: -45px;
margin-left: 20px;


Can we use JavaScript on the JazzHR Hosted Pages?

No.  At this time, we do not support the use of JavaScript on any of the hosted page layouts.

Can we use meta tags on the JazzHR Hosted Pages?

No.  At this time, we do not support the use of meta tags on any of the hosted page layouts.

Can we upload custom fonts for use on the JazzHR Hosted Pages?

No.  We do not support uploading custom fonts; however, you can specify ones hosted on third party websites and reference those fonts using CSS.

Do you support the use of Bootstrap for the Custom Layout Hosted Page?

No.  Because we do not allow JavaScript on the hosted pages, Bootstrap is not supported.  To make the Custom Layout responsive, you will need to use CSS only.

Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request


Please sign in to leave a comment.