Erro ao mostrar caractere UTF-8

Quando vou puxar informações do banco de dados e mostrar na minha página, as informações são carregadas sem alguns caracteres do UTF-8, conforme na imagem:

inserir a descrição da imagem aqui

Se vc ver o menu, tem a palavra Configurações com os caracteres corretos. Eu verifiquei no banco e o mesmo também está configurado em UTF-8, conforme foto abaixo:

inserir a descrição da imagem aqui

Alguém tem alguma ideia do que seja?

Obs.: Na minha máquina local está rodando certinho, esse problema só aparece quando carrego o site no servidor.

O seu site (suas páginas HTML) precisam estar em UTF8 também. Se não me engano você precisa adicionar essa tag nas suas páginas (no local correto, eh claro):
<meta charset="UTF-8">

Sim, porém ja estão setadas e o erro persiste.

E como é a sua conexão com o banco de dados? Geralmente você pode informar na URL o charset do banco para o driver ler corretamente.
Você debugou pra ver se os dados chega no seu aplicativo com o charset correto?