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

This message is visible to Moderators only
hidden content

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

fix-hidden-text.zip
82kB

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

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

Write a Reply...
You need to Login to view replies.