Disable button which hides the header

Averell

I am not sure if this is the right place for this post, but couldn't find a natural choice.

Just in case someone would like to disable the button which hides definitively the header (Hero is probably the right name) in the first page, I found this solution :

In \vendor\flarum\core\js\forum\dist\app.js :

        babelHelpers.createClass(WelcomeHero, [{
          key: 'init',
          value: function init() {
            /*this.hidden = localStorage.getItem('welcomeHidden');*/
            this.hidden = false
          }
        },

Which means : Comment the existing line : this.hidden...
And replace by : this.hidden = false

Then, if you click the button, the header disappears. But just reload your page, it is present again.
It is useful if you want to place some image there, and would like it to stay.

There is surely a better way to do it, but I couldn't find on the forum.

7h3ev1l

.Hero-close {
display: none;
}
?

Averell

7h3ev1l
Obviously better ?, Thanks.

To have all the code concerning the Hero in a single place, here is the code (found somewhere in the forum) to place your own picture in the Hero :

.Hero {
margin-top: -1px;
background: url("http://<url of your image>") center no-repeat;
background-size: 100%;
background-color: white !important;
text-align: center;
color: #ffffcc;
}

background-color is important if your image is transparent.
Color is the color of the text displayed in the Hero, if any. (in configuration / Basics / Welcome banner)