Hi Ang,

Joomla update shouldn't do that. Let me think a while.

In template Custom CSS add below linnes

#sp-menu1 .sp-column.d-flex.align-items-center {
  align-items: end !important;
  justify-content: end;
}

If you would use custom.css file - remember to clear JCH_Optimze cache !

Thanks Paul, it worked. However, now there appears to be a purple layover on the banner and menu.

oh, so probably you updated Helix as well.

if you have custom header, just remove topbar row.

OR

#sp-top-bar {padding: 0;}

Hmm ... I put in the following CSS custom code in Helix:

sp-top-bar {padding: 0;}

sp-menu1 .sp-column.d-flex.align-items-center {

align-items: end !important; justify-content: end; }

Padding is now gone but there is still a purple overlay over menu bar and banner image.

Hi. Am still struggling with this purple overlay on my website. Appreciate assistance from the support team. Thanks.

.hero-section::before {
  background: transparent;}

sorry for the delay

If you want to change bg color of header after scroll down just change/override color used here

#sp-header.header-sticky {
  background-color: rgba(104, 102, 214, 0.95);
}

RGA color , 0.95 is transparency level

to get almost black/dark grey, for example, use

#sp-header.header-sticky {
  background-color: rgba(0, 0, 0, 0.85);
}

Thanks Paul. It worked for my home page, but all other pages still have a purple menu bar and purple overlay over some of the banner images.

The Animated text on home page - colour is set as white, but somehow it appears blue, so can't be seen against the background image.

Somehow adding the initial CSS code into helix to align the menu headings: "#sp-menu1 .sp-column.d-flex.align-items-center { align-items: end !important; justify-content: end;}"

seemed to have messed up the colours of various elements on the website.

Thank you.

It couldn't mess, becuase this is not for colors, but align.

But I will check...

It was also from new template.css, so please override with new dark grey color

body.no-page-title .header-wrapper {
  background-color: #111; }

use like above.

that's all

Dear Paul, Thanks, that fixed some of the issues, but still have problems with the following:

1. "Contact us" page is menu bar is still purple.
2. The Animated text on home page - colour is set as white, but somehow it appears blue
3. "About" Page - headers ie. "Data Inventory Map", "Training" etc - are also somehow blue even though they have been set to white.

Thank you.