# Customizing main layout

**URL:** <https://meta.discourse.org/t/customizing-main-layout/164903>\
**Category:** Product Support\
**Created:** [September 22, 2020, 2:03pm UTC](https://meta.discourse.org/t/customizing-main-layout/164903 "2020-09-22T14:03:35Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [October 2, 2020, 1:01pm UTC](https://meta.discourse.org/t/customizing-main-layout/164903/6 "2020-10-02T13:01:28Z")

</div>

Great that you have delved in!

Always, always have your Browser console open when debugging javascript.

This is what I get:

![image](https://global.discourse-cdn.com/meta/original/3X/c/f/cf189b3eaf9707b4cf094deaf30c7fd24687f527.png)

You are missing an import statement:

`import { h } from 'virtual-dom';`

That then fixes it:

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/e/2e4e002c1be254f625e870ffeb904d09ff503217.png)

Note you should code it like this, though or your class name will show (like it does above):

`h ("span.some-banner-class", "my text")`:

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/5/6566147988a68c21a78662e490020211de29d952.png)

![image](https://global.discourse-cdn.com/meta/original/3X/d/b/db5af3c4f95990f87961b4b4202450b9af4d3a8f.png)

Keep going! 🙂

---

_[View the full topic](https://meta.discourse.org/t/customizing-main-layout/164903)._
