My help center displays incorrectly

<h2 id="h_01K47QZMB6G92E8SPQ6XR0ZXBS">Issue symptoms</h2><p>My help center has issues with functionality or displays incorrectly. For example, buttons do not work properly, or page-elements do not align. What is the best way to troubleshoot these issues in Knowledge?</p><h2 id="h_01KNJ6HZKKJ6Z88HX70BMREH3D">Resolution steps</h2><p>The first step is to determine if the issues are from the Zendesk platform or from your custom code. Test if the behavior occurs within the default Copenhagen help center theme first.</p><p>Use the <a href="https://support.zendesk.com/hc/en-us/articles/4408845893274-Previewing-your-help-center-theme" target="_blank" rel="noopener noreferrer">theme preview</a> functionality on a non-active Copenhagen theme, which is the default theme in Zendesk.</p><p>To test on a default version without any impact on the live site:</p><ol>
<li data-list-item-id="eae68cac6066456a21a400b8134c33c7e">In <a href="https://support.zendesk.com/hc/en-us/articles/9041943683354-Opening-the-help-center-and-accessing-Knowledge-admin#topic_b5q_nwn_s2c" target="_blank" rel="noopener noreferrer">Knowledge admin</a>, navigate to the <strong>Customize design</strong> icon<br><img src="https://support.zendesk.com/hc/article_attachments/11006813285658" alt="Customize design button in Knowledge Admin.png" width="809" height="359">
</li>
<li data-list-item-id="e68d6ff9e5e5bdb40432fb9faf1f86cb8">Select the <strong>Add theme</strong> button and choose the <strong>Add Copenhagen theme</strong> option, which will not go live<br><img class="wysiwyg-image-resized" style="aspect-ratio: 482/476; width: 34.39%;" src="https://support.zendesk.com/hc/article_attachments/11006820918042" alt="Add theme button to add new Copenhagen theme" width="482" height="476">
</li>
<li data-list-item-id="e0d901f83a913b534632f325dd1eb53ba">Find the newly created Copenhagen theme that appears in the <strong>Theme Library</strong> and click <strong>Customize</strong><br><img class="wysiwyg-image-resized" style="aspect-ratio: 599/482; width: 43.26%;" src="https://support.zendesk.com/hc/article_attachments/11006813285786" alt="Customize theme button in Knowledge Admin" width="599" height="482">
</li>
<li data-list-item-id="efd2f9f3d8e34bcfafa880b9c52113765">Preview the various template pages within your help center<ul><li data-list-item-id="e9964721e5df210870a6888c55f482b64">To preview the theme with levels of access, select the option of your choice under <strong>Preview role</strong><br><img class="wysiwyg-image-resized" style="aspect-ratio: 521/362; width: 41.33%;" src="https://support.zendesk.com/hc/article_attachments/11006813285914" alt="Preview role to end user" width="521" height="362">
</li></ul>
</li>
<li data-list-item-id="e451a1246c95368ab547fdc1982fdee4c">Verify if the issue happens in the default Copenhagen theme<ul>
<li data-list-item-id="eb710f841fd854ca822de397bc0418318">If the issue occurs in the default Copenhagen theme, <a href="https://support.zendesk.com/hc/en-us/articles/4408843597850-Contacting-Zendesk-customer-support" target="_blank" rel="noopener noreferrer">Contact Zendesk Customer Support</a> for further help</li>
<li data-list-item-id="e70d78823c74e1a0a1f3ab1df7952217f">If the issue doesn't occur within the Copenhagen theme, the custom code applied to your live theme most likely causes the issue. Consider either having the creator of that theme correct its code or use a different theme, for example, <a href="https://support.zendesk.com/hc/en-us/articles/4408821790618-Adding-a-help-center-theme-to-Guide#:~:text=In%20Knowledge%20admin%2C%20click%20Customize,The%20Themes%20page%20opens.&amp;text=Click%20Add%20theme%2C%20then%20click%20Add%20Copenhagen%20theme." target="_blank" rel="noopener noreferrer">Copenhagen</a> or a <a href="https://www.zendesk.com/marketplace/themes/" target="_blank" rel="noopener noreferrer">custom theme</a>
</li>
<li data-list-item-id="e5e3ceafee296f209211e43dec45b251d">If your updated custom theme is ready to go live, click <strong>⋮</strong> &gt; <strong>Set as live theme</strong>
</li>
</ul>
</li>
</ol><div><div class="note">
<span class="notetitle">Disclaimer:</span> This article is provided for instructional purposes only. Zendesk doesn't support or guarantee custom code and custom themes. Zendesk can't provide support for third-party technologies such as JavaScript, jQuery, HTML, or CSS. Reach out to the author of any code for support.</div></div><p>From your theme preview, be aware that the <a href="https://support.zendesk.com/hc/en-us/articles/4408821744026-Disabling-your-help-center-community" target="_blank" rel="noopener noreferrer">community</a> appears even if it's off in your settings. The community won't display in the live theme if you turned it off.</p><style>
.ai-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
</style>
<div class="ai-only" aria-hidden="true">
<details>
<summary>THIS SECTION IS AI CONTENT. DON'T EDIT OR DELETE.</summary>

<h2 id="h_01KXEA6SXC3T700NK8NS8FXQ62">My help center displays incorrectly? Why do buttons not work properly or page-elements do not align in Guide or knowledge base? How do I troubleshoot functionality or layout issues?</h2>
<p>Determine if the issues originate from the Zendesk platform or from your custom code. Test if the behavior occurs within the default <strong>Copenhagen</strong> help center theme first. Use the theme preview functionality on a non-active <strong>Copenhagen</strong> theme without any impact on the live site.</p>
<ol>
<li>In Knowledge admin, navigate to the <strong>Customize design</strong> icon.</li>
<li>Select the <strong>Add theme</strong> button and choose the <strong>Add Copenhagen theme</strong> option.</li>
<li>Find the newly created <strong>Copenhagen</strong> theme that appears in the <strong>Theme Library</strong> and click <strong>Customize</strong>.</li>
<li>Preview the various template pages within your help center. To preview the theme with levels of access, select the option of your choice under <strong>Preview role</strong>.</li>
<li>Verify if the issue happens in the default <strong>Copenhagen</strong> theme. If the issue occurs, Contact Zendesk Customer Support for further help. If the issue does not occur, the custom code applied to your live theme causes the issue. Consider either having the creator of that theme correct its code or use a different theme. If your updated custom theme is ready to go live, click <strong>Set as live theme</strong>.</li>
</ol>

<h2 id="h_01KXEA6SXCCBJ1G7K2FTVVPM60">Does Zendesk support custom code or third-party technologies? Can I get help with JavaScript, jQuery, HTML, or CSS?</h2>
<p>Zendesk does not support or guarantee custom code and custom themes. Zendesk cannot provide support for third-party technologies such as JavaScript, jQuery, HTML, or CSS. Reach out to the author of any code for support.</p>

<h2 id="h_01KXEA6SXC3CAEQ83AGVGSM1QY">Does the community or Forum display in the theme preview? Why does the community appear in preview when it is off in settings?</h2>
<p>From your theme preview, the community appears even if you turn it off in your settings. The community will not display in the live theme if you turned it off.</p>

</details>
</div>