MegaMenu Pro - padding, bullet points, and borders

MegaMenuPro needs some specfic css to stop it putting in bullet points, padding in the container and borders

Padding and bullets - In the column container of Creative Elements add the following in Advanced > Custom CSS

.container {
    padding-left: 0px;
    padding-right: 0px;
}

li {
    list-style: none; 
    margin-left: 0px; 
}

Keylines around the menu elements - In the custom.css of the chid theme add the following - this is using Layout 1 in MegamenuPro - if you are using a different layout then you will need to adjust accourdingly

.layout_layout1 .mm_menus_li {
    border-right: 0px solid #e7e7e7;
}

.layout_layout1 .mm_menus_li:nth-child(2) {
    border-left: 0px solid #e7e7e7;
}

.layout_layout1 .mm_menus_li.mm_no_border {
    border-left: medium none;
}

.layout_layout1 .mm_menus_li:last-child {
    border-right: 0px solid #e7e7e7;
}