Thanks, rebuilding the environment did correct most of the menu issues. They now display correctly in Safari and Chrome. In Firefox the carets to indicate dropdown menus try to display (Which is not wanted.) The contents of my custom.css is below. Suggestions on how to improve it are more than welcome.
sp-header, #sp-header .logo { height: 40px; }
.sp-megamenu-parent > li > a, #offcanvas-toggler { line-height: 40px; }
body {
line-height: 24px;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
background-color: #234f80;
}
sp-footer { background-color:#025670
}
sp-bottom { background-color:#025670
}
.column { float: left; width: 9.0%; padding: 0px; }
.columns { float: left; width: 7.0%; padding: 0px; }
.columnsa { float: left; width: 2.0%; padding: 0px; }
.columnsb { float: left; width: 5.0%; padding: 0px; }
.columny { float: left; width: 25.0%; padding: 0px; }
.columnx { float: left; width: 75.0%; padding: -15px; }
/ Clear floats after image containers / .row::after { content: ""; clear: both; display: table; }
/Good set/
.sp-megamenu-parent {
float: left;
}
.sp-megamenu-parent > li > a:before {
content: url(/images/WebArt/tab_gold_lc.gif);
height: 31px;
margin: 0px;
padding: 0px;
padding-top: 0px; !important;
}
.sp-megamenu-parent > li > a {
display: inline-block;
height: 33px;
margin: 0px;
color: #000;
background-image: url(/images/WebArt/tab_gold_bg.gif);!important;
}
.sp-megamenu-parent > li > a:after {
content: url(/images/WebArt/tab_gold_rc.gif);
height: 31px;
margin: 0px;
padding: 0px;!important;
}
.sp-megamenu-parent > li > a > span > span.menu-title {
position: relative;
top: -5px;
}
.sp-megamenu-parent > li > a:hover:before,
.sp-megamenu-parent > li > a.active:before {
content: url(/images/WebArt/tab_sel_lc.gif);
height: 31px;
margin: 0px;
padding: 0px;!important;
}
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li > a.active {
height: 31px;
margin: 0px;
padding: 0px;
color: #FFF;
background-image: url(/images/WebArt/tab_sel_bg.gif);!important;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {padding: 0 0px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding:10px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a
{padding: 4px 7px; }
sp-main-body {
padding: 15px 0; /* change 100px whatever you want. */
}
h3.sp-module-title {color: white; }
login-form {color: white; }
span {color: white; }
li.item-201 {color: white; }
sp-module._menu {color: white; }
/*body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
content: url(/images/WebArt/tab_gold_rc.gif);
height: 31px;
margin: 0px;
padding: 0px;
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after { ##
content: url(/images/WebArt/tab_gold_rc.gif);
height: 31px;
margin: 0px;
padding: 0px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > li > a:hover:after, body.ltr .sp-megamenu-parent > li.sp-has-child > a.active:after {
content: url(/images/WebArt/tab_sel_rc.gif);
height: 31px;
margin: 0px;
padding: 0px;
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > li > a:hover:after, body.ltr .sp-megamenu-parent > li > a.active:after {
content: url(/images/WebArt/tab_sel_rc.gif);
height: 31px;
margin: 0px;
padding: 0px;
}/
/Good set*/
.sp-megamenu-parent > li > a:hover:after,
.sp-megamenu-parent > li > a.active:after {
content: url(/images/WebArt/tab_sel_rc.gif);
height: 31px;
margin: 0px;
padding: 0px;
}
.article-details .article-ratings-social-share {display: none !important; }
login-form input.input-small {max-width: 320px;}