Thank you, @aradhy
I found a workaround. I noted that the website was displaying OK in a backup site (different URL, astra not licensed). The production site displayed white backgrounds for the tablet/phone off-canvas menu.
On investigation a bit further, the background colour was set by a css statement to –ast-global-color-5 (from memory), which happened to be white. This background css statement was not present in the backup site. I tentatively attribute the difference to the difference in license state for the two sites.
There was nothing in the off-canvas configuration that would make it do this, that I could see.
Anyhow, I fixed it up, and you are probably looking at the fixed/hacked version of the site, by including the following additional css:
@media (max-width: 921px) {
.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
background-color: var(–ast-global-color-5);
background-image: none;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
background-color: #93c01f; !important;
}
}
As I have a workaround, and having already spent about 4 hours trying to track down the source of the origianl problem, I’m not going to spend any more time on it, unless somebody points out an obvious mistake that I’m making – and I don’t rule that out :0)
Regards,
Adrian Stephens, Cambridge UK
