Hello
I've found this topic on forum related to custom headers: https://community.nodebb.org/topic/2333
But this is a very old topic and plugin cannot be found in plugins page in CMS.
On top of that, as I can see this plugin shows random images for the categories.

So I decided to make my own header. The matter is that I want to have a spefic (responsive) image for an each category (example on the images below). Can you, please, point out what's the most optimal way to create such header? Is it related to theme modification or plugins? Or whatever? I just don't know where to start from.

I use "Persona" theme with "Slate" style. Also I have experience in HTML, CSS, JS & NodeJS, but have zero experience in modyfying NodeBB themes and creating something complex as those headers which I described.

Thanks in advance for any help.
Live code examples and tutorials for beginners will be very helpful.

Thank you for the detailed reply! I was confused by the examples in the documentation.

@sharonyue no, on iOS you just do this:

1. Visit the forum page
2. Tap "Share" button
3. Choose "Add to Home Screen"
4. Give it a name (optionally) and tap "Add".
5. The forum touch-icon will appear on the home screen
6. Tap it to open the PWA website as a native app (without browser window).

In Android it supposed to be even simpler. As far as I know, this doesn't depend on a browser that much.

I've found what was the problem: in my SendGrid account there was Link Branding enabled. But that's little bit strange because it was enabled before moving to the new server and it worked fine.

@phenomlab it happens on my forum, as well as here.

@crazycells,

npm i [email protected] solved it for us...

This helped me too. Thank you!

Visiting your forum now, it appears to be working fine. Are there still issues on your end?

I'll be monitoring the status. I can't reproduce the issue. It happens occasionally.
I always access it via https://forum.c4d.space/ and this is the URL in config.json

Below is my nginx config:
After making any changes to nginx settings I do in console 2 commands:
nginx -t
systemctl restart nginx

map $sent_http_content_type $expires {
    default                    off;
    text/html                  epoch;
    text/css                   max;
    application/javascript     max;
    ~image/                    max;
    font/woff2		           max;
    application/font-woff2	   max;
    application/x-font-woff	   max;
    application/octet-stream   max;
}

server {

	server_name forum.c4d.space www.forum.c4d.space;
	root /var/www/forum/public;
	index index.html;

	error_page 502 /502.html;

	charset UTF-8;
	client_max_body_size 5M;

    location / {

    	add_header Strict-Transport-Security "max-age=15768000" always;
    	add_header X-XSS-Protection "1; mode=block";
        add_header X-Frame-Options "SAMEORIGIN";
        add_header X-Content-Type-Options nosniff;
        add_header Referrer-Policy "strict-origin-when-cross-origin";

        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;

        proxy_pass http://127.0.0.1:4567;
        proxy_redirect off;

        # Socket.IO Support
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";

    }

	expires $expires;

	listen 443 ssl http2;
    ssl_certificate /etc/letsencrypt/live/forum.c4d.space/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/forum.c4d.space/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot


}
server {

    if ($host = www.forum.c4d.space) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = forum.c4d.space) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    listen 80;
	listen [::]:80;

	server_name forum.c4d.space www.forum.c4d.space;
    error_page 502 /502.html;
    return 404; # managed by Certbot

}

@PitaJ ah, got it. Yes I did it: Here it is: https://forum.c4d.space/
But I cannot guarantee that you will see the problem immediately, because I still couldn't figure out the steps to reproduce the issue.

Yes, I've got a few warnings:

What is your reverse proxy config?

Please, tell me how I can check it?

Another update on the topic:

1. Moved the entire forum to a new server.
2. The list of activated plugins:

• nodebb-plugin-composer-default
• nodebb-plugin-dbsearch
• nodebb-plugin-emailer-sendgrid
• nodebb-plugin-emoji
• nodebb-plugin-emoji-android
• nodebb-plugin-markdown
• nodebb-plugin-mentions
• nodebb-rewards-essentials
• nodebb-theme-persona
• nodebb-widget-essentials

3. The problem remains

@PitaJ I used Edge browser. I'm using a set of plugin. But last time I installed it a long time ago for an older version of Nodebb. The problem appeared after the upgrade.

Have you tried clearing your cache?

Yes

Have you tried rebuilding again?

1.19.2 — yes
1.19.3 — not yet

Updated to version 1.19.3, but the proble is still there. The same error.

Thank you for the detailed reply! I was confused by the examples in the documentation.

@PitaJ I was following the offical guide:

So in this case the brach name is origin/v1.19.3 or origin/v1.19.x ?

No, sorry. The problems are still there. It happens occasionally and I cannot predict when it happens.