🎉 Your help center navigation is now customizable!

[#1]

Hello Atlassian Community!

I’m excited to share an important update about the next step in our journey to unlock more customization capabilities in the JSM Help Center.

We have separated the Help Center navigation from the banner, paving the way for new and exciting features. This means you can now independently customize the background and text color of your navigation, separate from the banner.

Before

After

Steps to customize the navigation:

1. Go to the Help Center of your choice.

2. Select Customize, and then Customize look and feel from the navaigation.

3. Scroll down the side panel to find the new settings for customizing your navigation background and text color.

4. Choose your preferred background color and text color for the navigation.

5. Select Save changes.

Why customize your navigation now?

We are rolling out this change alongside several other improvements to Help Center customization capabilities. Once the rollout is complete, every Help Center will feature navigation that is distinct from the banner.

For users who have not customized their navigation background and text color by that time, the new default navigation background will be set to white and the navigation color will be set to black.

If you have adjusted your logos or banner text colors to align with your current Help Center banner background, we encourage you to review these settings and make any necessary updates.

We would love to hear your thoughts on this new functionality! Please share your questions, feedback, or suggestions in the comments below.

[Patrick van der Rijst]

First of all, I’m glad to see more customization options available. However, we were previously promised a fully HTML/CSS configurable Help Center during a past Team event. I even saw it mentioned again in one of the JSM-specific talks at the last Team event, but I haven’t been able to find any information on it anywhere.

[Susan Waldrip]

Hi @Raafi Mohammed , thanks for the update on this. Will this be available for all plans, or just Premium and Enterprise?

[Raafi Mohammed]

@Patrick van der Rijst Thank you for your comment. Just checking if you're across our December update regarding the Help Center's Home Page? 🧑🏻‍🎨 🎨 NEW capabilities to help you customize your Help Centers!

In addition to that, I have news! This week we're also launching an Early Access Program for wider customization across the Help Center: piloting the ability to create multiple customizable Landing pages inside the Help Center, which are powered by the rich text editor.

Please look out for the next community post, this week.

Also, if you'd like to share, I'd love to hear more about your specific customization needs on mraafi@atlassian.com

Thank you,
Raafi Mohammed
Senior Product Manager
Jira Service Management

[Patrick van der Rijst]

Hi @Raafi Mohammed 

See https://www.youtube.com/watch?v=kK631uNNez0 at around ~ 30 min. In one of the presentations of Shihab Hamid on last years Teams in Barcelona it was mentioned as well, but I'm unable to find that session online.

[Raafi Mohammed]

@Susan Waldrip Happy to share that this is 100% rolling out to all plans including Standard and Free too! 😃

[Ralf Scheller]

Hello - is it possivle to change the Size of the Banner on Top of the Help Center?

Some customers and Agents immediately told us, that this is wasted Space.
Before changing this behaviour, the Content of the HelpCenter was displayed as "overlay" in front of the Banner

Before:

Now:

[Dexia O_Shea]

is it possible to switch it back to the original version?

[Gabriel Lences]

Same question as @Ralf Scheller and @Dexia O_Shea 

[Tyler Dobie]

Hi ... I need to know what resolution it wants for the banner image.

[Jenifer Piris]

Hi! Can i customize the banner of each portal?

[Nick Wade -Opus Guard-]

Well this just broke some carefully aligned branding across our properties. These are breaking changes that currently cannot seemingly be undone. While we applaud brining more customizability to JSM portals, this is bad practice.

Notes for you: 

1. The portal home Help Center banner is now bounded by white negative space. This is quite jarring in visual comparison to our website and other properties (as you can see above in before and after) which we'd CAREFULLY ALIGNED visually to help customers understand they are still in the right places. I don't mind having a banner per group page in future. Making it the same today has broken our brand visual in JSM for now. 
2. The banner does not seem to accept and properly display a gradient (top to bottom) image, this might be related to need to know the native or proper resolution, perhaps it is scaling inappropriately for display? (see https://community.atlassian.com/forums/Jira-Service-Management-articles/Your-help-center-navigation-is-now-customizable/bc-p/2983440#M5853 )
3. Can I get in the Early Access ASAP? https://community.atlassian.com/forums/Jira-Service-Management-articles/Your-help-center-navigation-is-now-customizable/bc-p/2974228#M5779 
4. Meantime, can we revert back to what it was 15 minutes ago? 

[Timbo]

We need to be able to remove the banner. It is huge!

Also, articles are now double-scroll-viewed and horrible to read. Scrolling the page with the mouse scrolls the 'main page' and not the article. But to properly read the article you need to scroll both because of the gigantic header :) 

Please let us reverse this, or atleast let us remove the banner and fix the nested scroll issue.

[Timbo]

This interaction must be an actual joke haha😆 We are one day away from April fools after all! 🫡

My browser is full screen on my laptop. I am not playing it up. I can't read the article without constantly double scrolling because the article contents within the nested scroll are taller than my screen height. I need to scroll the parent scroll to read. lol. 

https://imgur.com/YJWA5tO

[Valerie Vliegen]

Is it possible to switch back? Because now our banner is completely wrong. Plus, you have waisted space when you're in the 'raise a request' part.

[Yatish Madhav]

Thanks @Raafi Mohammed 

Please say this is not just a April Fools Joke for today as @Timbo mentioned?

It does break some careful branding and makes unneeded space a problem in addition to the scrolling issue as Timbo pointed out too.

I do also think we should have the ability to set the border radius (rounded couners) and the ability to have it full with or not ...

And, I suggest that these all be rather implemented as flags that can be toggled by admins to:

1. implement across the org,
2. implement just for admins or a group or
3. not implement at all. It would make it richer for us.

Don't get me wrong - It is all great that the help centers are getting more customizability and flexibility like this!

Thank you though 

Yatish