Thank you @joskis that worked perfectly.
I just need to work out why the sub menu indicator arrow disappears if I navigate to certain pages. I’ve added a style to override it but I still just see a square in place of the arrow yet the arrow is visible on other pages?
This is the css I’ve added
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
content: ‘\f078’ !important;
}