CSS SCSS Snippet: Personalizar un Menú Horizontal (Layout 9)

Desde la versión QAN 6.4, tienes disponible más opciones de personalización para los menus/layouts de tus Apps.

Sólo tienes que ir a la sección "Colores" y activar la "Personalización CSS SCSS Avanzada".

Ahora con un poco de conocimientos de CSS, modifica lo que quieras, por ejemplo si quieres convertir el menú horizontal (layout 9) para que el icono y el título estén alineados de forma horizontal (ver captura), sólo tienes que copiar y pegar el siguiente snippet:

.layout {
    ul.items li {
        height: 50px !important;
        img {
            float: left !important;
            margin-left: 4px;
        }
        p {
            line-height: 28px !important;
            height: 28px !important;
            text-align: left !important;
            text-indent: 8px;
        }
    }
}


css scss menu horizontal quieroapps
 
  • 0 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Related Articles

How to create a file uploader page (Dropbox, Google Drive, Onedrive)

There are many ways to insert a file uploader in your App.The best way is to insert an uploader...

How to integrate Twitter in an app

There are two solutions to integrate Twitter in your app: The best solution to get a beautiful...

CSS SCSS Snippet: Poner una imagen como fondo de cabecera (header)

¿Te gustaría tener una imagen en la cabecera de tu App?Muy fácil:En la pestaña "Colores" con las...

Ajusta la barra de iconos al slideshow (diapositivas) de la página principal

Los menus (Layouts) 3, 4, 5 y 6 tienen un scroll vertical y se pueden ajustar para mostrarse más...

Cambiar el color de fondo de cada elemento o botón en los menus

Con este snippet puedes cambiar el color de fondo de los botones/funcionalidades de tu app en la...