Look and feel different depending on the Browser

mberwing

Hi there,
we are using JA Coach Quickstart with latest Joomla 4 release.
Interestingly the 'Look and feel' of the page between section-9 and footer block is different depending on the Browser.

With Safari and Firefox, we have the waves with our background color and in green another wave in the center.

With Chrome and Brave browser it is just flat line.

See screenshots.

We obviously prefer the design with the waves.

Any idea ?

Regards
Markus

dominic

Hi mberwing,
I have helped you resolve this issue, I have added the following CSS code to Tools > Custom CSS, you can check your site now:

body[class*="theme-food"] .t4-footer:after {
    -webkit-mask-image: url(https://abc-deutsch.de/afrika-freiburg/templates/ja_coach/images/decor/ft-wave-2.svg);
  	-webkit-mask-size: cover;
    -webkit-mask-position: top center;
}

mberwing

Hi Dominic,

super....thanks a lot.
Now it looks good on all browsers and most important: equal on all.

There is just one remaining issue that I just noticed....there is some white background between section-9 and footer ....which should not be there.

Did try to fix it by checking the config in template style but did not find how to fix.

https://abc-deutsch.de/afrika-freiburg/projekte

And this should be the same on home as well

Thanks and regards
Markus

dominic

Hi mberwing,
You can download and unzip the following image:

ft-wave-1.zip

629B

Then override this image into the /templates/ja_coach/images/ decor folder.

mberwing

Hi Dominic,

thanks so much.....this is working fine now.

Cheers
Markus