Customize the design of “Layout 9”

Here is a special snippet to change the menu of “layout 9”.

Just like this:

colors

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;
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;
}

Information:

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.