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;
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 different elements
Obviously, you can change the 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.