Hi, I'm using COLAB for the website. For some reason, the HERO text disappears beneath 940px. I checked the source code and it looks like AOS attributes for fade effect disappear from H1 tag and H4 beneath this width. So this is the reason but I didn't find a solution except for custom CSS to create opacity 1. I believe it is a bug in the source. looking forward to a solution.
i tried to check if there is an update through the extension manager and got this notification: " Response from JoomlArt Updater Service: Sorry, this extension is invalid, unpublished or no longer supported: tpl_ja-colabja-colab_j16 "
Hi
I see there is opacity set to this hero text on your site:
.acm-hero.style-1 .hero-title { margin-top: 0; margin-bottom: 2.5714rem; opacity: 0; }
so you don't see it.
Did you add this code?
P/s: I tried to log into your site but the provided info doesn't work. Kindly check.
Hi, No, I didn't change the opacity to 0. You can also see that all the data attributes disappear. i believe it is connected to the ASO or to the .no-js that also disappear beneath 940 px. Checking the credentials for you
Hi, Until it will be solved I added those lines in custom.css:
/should be removed after bug fix/
@media (max-width:940px) { .acm-hero.style-1 .hero-title, .acm-hero.style-1 .description {
opacity: 1; }
}
UPDATE:
You can backup these 2 files first >> download attached file >> unzip and update 2 files inside:
root/templates/ja_colab/css/template.css root/templates/ja_colab/scss/_acm.scss
Sorry, but it didn't solve the problem. I can still see in the source code that all AOS data properties disappear when screen width is under 940px
Only the H1 shows and without the AOS
AOS will be used with screen bigger than 992px only 🙂
Ok, so my fix in custom.css works better🙂 the current fix you sent me didn't fixed the description part