CSS forçar as li ficarem na mesma linha - menu horizontal

[Bruna Siqueira]

Bom dia!

Tenho um menu vertical e estou tentando força-lo a ficar horizontal, mas coloco display:inline; na ul e nada vai, conforme mexo em positions bagunça tudo,

alguma sugestão?

http://srv-omconsultoria2.ddns.net:8087/

[washalbano]

Olá!
você se refere àquelas lis ali?

 

1) Defina primeiro a largura da div.highcharts-menu-wrapper

2) para a ul:

   width:auto;
   display:flex;
   flex-direction:row

[Bruna Siqueira]

@washalbano

então, não, o menu total.

Agora a tarde, até fiz ele ficar horizontal, porém esses submenus ñao funcionaram, não abrem para baixo, encavalam

[GabrielSennaMs]

@Bruna Siqueira

Em 29/07/2020 às 16:29, Bruna Siqueira disse:

porém esses submenus ñao funcionaram, não abrem para baixo, encavalam

 

Bom provavelmente é devido ao "overflow: hidden;" na class ".highcharts-menu-wrapper".

 

Para deixar o submenu na horizontal você pode adiciona na class ".highcharts-submenu-wrapper":

{
  top: 42px; // Isso vai tira o btn de cima do menu
  flex-flow: column; // Isso vai fazer com que os btns se posicionem na vertical
  left: 0px; // Remove ou setar para 0px, acim o submenu vai ficar em baixo do btn principal
}

 

 

[Bruna Siqueira]

@GabrielSennaMs demais! ele desceu! Porém tiro o hidden para aparecer o menu, e ele expande, não funciona com a setinha do menu, tem alguma sugestão?

[GabrielSennaMs]

@Bruna Siqueira Bom você tem que modificar o CSS que é adicionado quando você clica na seta.