web-dev-qa-db-pt.com

Como você ajusta a posição do megamenu no framework Helix II

Tentando usar a estrutura Helix II com o Joomla 3.3.6. Meu menu principal está na posição padrão, e isso é bom, mas eu gostaria que ele flutuasse direito. Vejo como adicionar uma classe pull-right ao div # sp-menu, mas isso não funciona. Alguém pode me dizer como adicionar a classe pull-right ao div # sp-main-menu? Essa é uma camada mais profunda na árvore. Isso é configurável?

Eu acho que eu poderia adicionar um js personalizado com um pouco de jQuery para fazer o truque, mas eu preferiria que isso fosse configurado de alguma forma.

2
jmarkmurphy

Ok, eu encontrei uma maneira de fazer isso. Considero um pouco sub-ideal, mas editar o módulo Sufixo da classe como o @Lodder sugeriu não funcionou, pois o menu principal na estrutura Helix não é um módulo de menu e, na verdade, eu tenho esse módulo não publicado. Para corrigir isso, eu tive que editar um arquivo de modelo.

Isso acontece no back-end:

  1. Navegue para Extensões - Template Manager
  2. Encontre o estilo que deseja atualizar e clique no modelo na coluna Modelo - deve ser sharper_helix_ii.
  3. Abra a pasta menos.
  4. Edite o arquivo menu.less.
  5. Perto do topo do arquivo, adicione float:right; para o seletor # sp-main-menu como mostrado abaixo.
/* Menu */
 # Sp-main-menu {
 Float: direita; 
1
jmarkmurphy