Hi. Just updated Joomla version to Joomla 3.10.11, and notice that the top menus structure was altered. Normally the menu items are centred around the site logo (3 menu items on either side), but now the left side menu items have shifted left.
Website: https://privacymatters.com.sg
Appreciate some assistance. Many thanks.
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:
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 delayIf 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:
Thank you.