Menu hamburger do lado esquerdo no celular

One thing we never got around to and caused some confusion after our work on Full height, slide out hamburger menu was that the hamburger menu, on the right side, opens a menu from the left side. For those interested in rearranging the header, this is for you:

Screenshot from 2020-09-18 12-19-27

Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component. Options, yanno?

36 curtidas

Very nice. Is it possible to extend the component and add the option for the logo to be in the middle of the bar when the menu icon is on the left? I think it’s the most logical way (speaking of ux).

4 curtidas

Sure, I’ve added a theme option for you to make the logo more centered - enjoy! :slight_smile:

Screenshot from 2020-09-21 09-57-37

Screenshot from 2020-09-21 09-56-45

9 curtidas

Would it be possible to customise this for the desktop version as well ?

Thanks for the theme component @featheredtoast

1 curtida

I’d consider desktop out of scope for this particular theme component.

You could certainly do something similar for desktop if you were looking to reposition elements as adopting the same techniques I used here for desktop certainly wouldn’t be too difficult in a separate theme if you’ve got something in mind you’d like to do.

2 curtidas

Thank you for the reply :slight_smile: I lack the skills to build one myself, but probably should be teaching myself those :wink:

Isso só pode ser ativado em tablets? Porque essa experiência do usuário se encaixa muito bem com tablets, mas não tanto com celulares (muitas pessoas usam seus smartphones com uma mão).

Ultimamente este componente tem um bug, quando o ativo, tudo fica desalinhado, como posso corrigir?
image

1 curtida

Isso não funciona. Como o botão de hambúrguer já está no canto superior esquerdo no desktop, podemos colocá-lo também na interface do usuário móvel no código principal? Se não, qual é o motivo que impede essa unificação de design.

1 curtida

Como recebemos alguns relatos de que este componente de tema não está funcionando no momento, adicionei a tag broken. :+1:

1 curtida

Como afirmado no OP:

os menus estão do mesmo lado no celular para usabilidade com uma mão.

Obrigado por apontar algo que definitivamente deixei de ler. Entendi. Mas podemos torná-lo configurável?
A ideia é que alguns usuários com telefones celulares de tamanho relativamente pequeno (por exemplo, Pixel 7) podem não ter o problema de alcance e o menu que aparece da esquerda é muito antinatural. Se pelo menos algo deve aparecer em algum canto, por que não pode ser configurado para ser o botão de menu (atualmente é o logotipo do site que leva à página inicial)?

Alguma notícia sobre quando/se isso será corrigido?

Desculpe pelo atraso nisso, @benji enviou uma correção para isso, me avise se houver mais algum problema

2 curtidas

Muito obrigado @featheredtoast e @benji!

Acabei de testar e, infelizmente, não parece estar funcionando bem com este outro componente de tema que tenho instalado:

Veja a captura de tela (o ícone de chat foi movido para uma segunda linha):

É assim que fica com o componente de tema “Menu hambúrguer no lado esquerdo no celular” desativado:

Espero que isso seja útil!

2 curtidas

Isso é útil; obrigado! Estou quase terminando por hoje, mas farei uma anotação para verificar isso na segunda-feira. Acho que sei o que está acontecendo.

3 curtidas

Feliz segunda-feira, @Robin.Grant! Só queria confirmar se essas capturas de tela foram tiradas após o download da atualização para o tema “Lado esquerdo”? Estou tentando recriar isso localmente agora.

1 curtida

Sim - 100%

1 curtida

Puxei um conserto para isso, muito obrigado @benji

Experimente @Robin.Grant

3 curtidas