We’ve implemented both a custom header and footer for our forum by navigating to Settings > Customize > Themes > Components. Here, we installed the standard header component and associated it with the default theme. We then customized this component by adding our specific header HTML in the “Header” section and our footer HTML in the “Footer” section.
As a temporary solution, we’ve integrated a noscript tag within the “Body” section of the component and embedded the custom footer HTML again inside this noscript tag. However, this is just a workaround, and we’d prefer a cleaner solution, with less likelihood of breaking in the future.
Bug report / feature request:
- Ensure the custom footer is visible and rendered appropriately for NoScript users.
Can you be more specific? What is the exact name of this “standard header component”?
Admin → Customize → Themes → Component → Default → Components → Header → Edit HTML/CSS → Header
<a class="home" href="https://www.example.com">example</a>
... more similar links ...
Here it’s a matter of adding HTML in the header and footer of a theme through this:
It is certainly true that some theme elements DO appear on the noscript version of sites.
Would be good to have a definitive statement about the level of intended support.
It seems like assets and CSS are brought down … not sure about other elements.
Doing a more proper presentation of the issue:
Create a new empty theme component
<div style="padding: 30px; background: red;"></div> in Header
<div style="padding: 30px; background: green;"></div> in Footer
Go to the home page and refresh the page
The red header appears on top of the
d-header as expected
Scroll down to make the green footer appear:
The footer part seems a bit glitchy. It should appear without having to scroll down, and the scroll behavior is weird, it’s like the scrolling motion is slowed down when we reach the custom footer. It might need an new topic as it’s maybe not related to the current issue.
Refresh the page: