Customize the design of “Layout 9”

Home > Mobile App Builder > Tips > Customize the design of “Layout 9”
Here is a special snippet to change the menu of “layout 9”.

Just like this:


To do that, just add the following CSS in the “advanced customization” section of your editor:

.layout.l9 ul.items li {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
border-bottom-width: 1px;
border-bottom-style: solid;
.layout.l9 li img {
margin: 0 0 0 10px;
.layout.l9 ul.items li p {
margin: 0 0 0 10px;


box-bottom-width – it’s the size of your border

margin – spaces between differents elements

Obviously, you can change values of box-bottom-width or margin.
example: box-bottom-width: 4px

Don’t forget there are also options in the “Design” step of your Editor.