Question

“How would I remove the dotted lines between the menu titles and from sub menu?”

This question applies to Division - Fullscreen Portfolio Photography Theme

Answer

Theme settings -> general -> advanced -> CUSTOM STYLE

1.If FIXED LEFT HEADER layout is used :

.bk-stacked-menu > li > a, .bk-fixed-header-left .sf-menu>li>a {
  background: none;
}

.bk-stacked-menu > li:first-child > a:before, .bk-fixed-header-left .sf-menu>li:first-child>a:before {
  background: none;
}

2. If TOP FIXED OR CLASSC layout is used:

.bk-classic-header-top .sf-menu > li:before, .bk-fixed-header-top .sf-menu>li:before {
  background: none;
}
.bk-classic-header-top .sf-menu > li:last-child:after, .bk-fixed-header-top .sf-menu > li:last-child:after, .bk-classic-header-top .sf-menu > li.last-child:after, .bk-fixed-header-top .sf-menu>li.last-child:after {
  background: none;
}

3. For any header layout use this for submenu:

ul.sf-menu ul.sub-menu:before,
ul.sf-menu ul.sub-menu:after,
ul.sf-menu ul.sub-menu li.menu-item:first-child > a:before, ul.sf-menu ul.sub-menu li.menu-item.first-child>a:before,
ul.sf-menu ul.sub-menu li.menu-item:last-child > a, ul.sf-menu ul.sub-menu li.menu-item.last-child>a {
 background: none;
}

 

Updating...