Eu denominei meu cabeçalho para ter uma posição superior fixa. Enquanto estiver logado no wordpress, a barra de navegação do administrador do wp cobre a seção superior do meu cabeçalho, tornando impossível o acesso à minha navegação superior. Gostaria que o wp admin nav empurre minha navegação superior abaixo para que ambos fiquem visíveis. Alguém conhece alguma solução para corrigir esse problema?
Um exemplo do meu problema pode ser encontrado em ... www.nickriversdesign.com/dev
Tente adicionar isso ao seu arquivo CSS:
a
body.admin-bar
declaração na frente garantirá que esses estilos sejam aplicados apenas quando a barra de administração estiver visível.fonte
.admin-bar
não está mais aparecendo no WordPress 4. Agora é chamado#wpadminbar
e não quebra o conteúdo, portanto, o acima não pode ser aplicado à versão 4+Eu acredito que, em dispositivos com larguras menores, o wpadminbar não está posicionado fixo. Portanto, se você rolar o documento em um smartphone, a barra de administrador seguirá a rolagem e não ficará na parte superior da janela. Com isso em mente, por que não adicionar javascript no rodapé do seu tema logo após a
wp_head()
chamada. Dessa forma, podemos segmentar a largura do dispositivo e se o documento possui ou não a barra de administração. Em seguida, basta fazer algumas regras CSS e anexá-lo ao cabeçalho do documento - como abaixo!Supondo que sua navegação tenha uma classe
'main-navigation'
e, no pergaminho, você adiciona outra classe nomeada'fixed'
a ela. Altere o CSS para direcionar seu painel de navegação, substituindo pelo que'body.admin-bar .main-navigation.fixed'
você deseja direcionar para o seu.Pode ser melhorado, por exemplo, verificando se a barra de administração está fixa ou não, mas, por enquanto, espero que ajude.
fonte
Tente isso para o WordPress 4+. Ele verifica se a barra de administração está presente e, se estiver, mova o cabeçalho fixo um pouco para baixo para compensar.
fonte
Isso funciona bem
fonte
Eu apenas usei esse CSS.
fonte
Tente isso, funciona bem
fonte
dê a barra de navegação superior
fonte