/ / Top nav in zurb da fundação - mostrando o menu principal mesmo quando no celular - zurb-foundation

Top nav in zurb da fundação - mostrando o menu principal mesmo quando no celular - zurb-foundation

Quando o usuário está no celular, gostaria que o menu aparecesse também e não ficasse oculto. Mas não importa o quanto eu ajuste as opções do show-on-small, ele não aparece.

Como ele aparece atualmente em uma tela pequena

insira a descrição da imagem aqui

Como eu gostaria que aparecesse. (com o ícone do menu)

insira a descrição da imagem aqui

Eu me certificaria de que ele é curto o suficiente para que se encaixe, mas estou bastante confuso sobre como fazê-lo funcionar.

Muito obrigado!

Respostas:

2 para resposta № 1

Se você estiver usando o SASS, abra o _top-bar.scss arquivo, encontre o $topbar-breakpoint variável e defina o valor do pixel como 1px. Isso fará com que o ponto de interrupção que causa o foundation.topbar.js para alternar para o estilo móvel muito pequeno para ocorrer.

Se você estiver usando arquivos css comuns, pesquise .top-bar-js-breakpoint estilo e mudar o width para 1px lá.


1 para resposta № 2

Adicionando a resposta de chrisjsherm, eu acabei fazendo isso. No arquivo app.scss padrão, logo após o arquivo de configurações ser importado, sobrescreva a variável $ topbar-breakpoint.

// Global Foundation Settings
@import "settings";

// Override settings for this project only
$topbar-breakpoint: 1px;

Perguntas relacionadas


Comentários (0)

Adicione um comentário