Hi Mark,
Thank you, Vortex looks like a possible solution. Only thing is it looses the custom css settings which were to make the toolbar black with white icons.
Could you advise how and where to put some custom css for this please?
Previously I had it in a custom css folder at templates/rt_ambrosia/custom/scss as follows:
body div#fd.es .es-toolbar .fd-nav>li>a [class^="ies-"], body div#fd.es .es-toolbar .fd-nav>li>a [class*=" ies-"] {
vertical-align: top;
position: relative;
width: 20px;
height: 14px;
line-height: 14px;
color: #FFFFFF;
font-size: 14px;
text-align: center;
}
body div#fd.es .es-toolbar .fd-navbar-search {
background: #000000;
}
body div#fd.es .es-toolbar .fd-navbar-search .search-query {
background: #000000;
}
body div#fd.es .es-toolbar .fd-nav>li>.dropdown-toggle_>.caret {
border-top-color: #FFFFFF;
border-bottom-color: #3a77b6;
}
body div#fd.es .es-toolbar .divider-vertical {
border-left: 1px solid #FFFFFF;
border-right: 0 solid #FFFFFF;
}
body div#fd.es .es-toolbar .navbar-inner {
background-image: -webkit-linear-gradient(top,#3E444E 0,#000000 100%);
background-image: linear-gradient(to bottom,#3E444E 0,#000000 100%);
border: 1px solid #454545;
}
div#fd.es .es-toolbar .fd-nav > li > a .fa {
color: white !important;
}
body div#fd.es *{
font-size:14px !important;
}
body div#fd.es {
font-family: "sourcesanspro","Helvetica","Tahoma","Geneva","Arial",sans-serif !important;
}
#ed .ed-navbar__search-input {
color: white !important;
}