What's the CSS and Javascript code to add the subscribers button on custom header?

Jonathan Rodriguez_wka537

I've been trying to add some more elements to my internal statuspage by modifying the code in the Custom Header section but this removes my logo and subscribers button.

What's the code to manually add the button upon customizing the header?. Please share the CSS and HTML/javascript code.

I've seen this to remove it:

<script>

    $(function() {

        $('.updates-dropdown-container').remove();

    });

</script>

But what's the code to manually enable it. Of course I know that using the customized section overrides the header, nonetheless I think this can be manually added with some .add() function or something..

Darryl Lee_2jimne

Hi @Jonathan Rodriguez,

This is Darryl, Statuspage Support. I am here to help. 😀

Understand that you would like to add some custom Javascript snippets to the Custom Header HTML section.

First of all, before moving forward to customize the HTML/CSS/Javascript of your Statuspage, you must set up the Custom Domain for your Statuspage, otherwise, the changes will not take any effect.

Furthermore, the Header section is majorly for updating the metadata of this page, e.q. for Search-Engine-Optimization. We suggest moving your snippets to the "Custom Footer HTML" section to take effect.

Last, here I attach an article that has listed out some example snippets for various objectives for your reference. --> https://support.atlassian.com/statuspage/docs/css-and-javascript-snippets-for-customizations/

Please understand that assistance with snippet customization is outside our support scope, however, should you have other technical inquiries, please feel free to contact Statuspage Support via this link.

We hope this is helpful.

Best regards,
Darryl Lee
Support Engineer, Atlassian