CSS SCSS Snippet: Customize a Horizontal Menu (Layout 9)

Since QAN 6.4 version, you have more options to customize the menus and layouts of your Apps.

You only have to go the "Colors" section and activate "Advanced Customization CSS SCSS".

From now on, with a little bit of CSS Knowledge, you can modifiy all the layout elements. For example if you want to have the icon and title of a horizontal menu (layout 9), you have to copy and paste the next 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 horizontal menu quieroapps 
 
  • 0 Users Found This Useful
Was this answer helpful?

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...