The lines in between menus are usually borders and the borders are usually formed by CSS. Follow the instructions below if you want to add borders to menus.

Login to the back-end administrative control panel if you have not logged in

1. Go to Components > swMenuPro
2. Click the Menu Module which the menu that you want to add borders exists
3. Click the tag Item Images & CSS
4. You will see a tree of menus. Some of them represented by an image of a piece of paper and the others may look like folders. Those folders tell you that this menu has sub-menus. This is also why you will see a plus sign inside of a box right beside the name of these folders.
5. Look to right side of the page and click on a tag called Normal/Over CSS
6. Click the name of the menu which you want to add border to. If the menu is one of the sub-menus, you need to click the plus sign first in order to see the sub-menus. If one menu already has a border, you will see there are some codes appear inside the CSS: and/or Mouse Over CSS: fields on the right. These fields are where you should add codes to created borders
7. You need to add a code similar to the following string: border-bottom:1px dotted #FFFFFF. Depends on where you want the border to be, change the -bottom part accordingly. For example, if the border should be on the right side of a menu, your code should be: border-right. As you may guessed, the text dotted in the code means the border is in dotted line. If you want to have a solid-line border, replace it withsolid. #FFFFFF is the code used to represent colors for web sites or web applications. 6 Fs in this sample means white. Contrastingly, 6 0s means black
8. After you have input the necessary codes, you can either hit the preview button to see how the changes look like or click the save button to finish