Frontpage Hero module is displaying incorrectly

mychaello

Hi, I installed the latest Joomla 4, added T4 and Coach template. I have created the base menu and Hero module according to the tutorial and demo. But in the result my version of the homepage is displaying incorrectly, the css style are not followed and I don't know why. Can anyone help me with this?

Below demo vs. my site.

Thanks.

Ninja

mychaello
Hi
The settings are fine but on your site there is missing style for heading hero font size
kindly add this code in custom css

@media (min-width: 1200px){
.acm-hero.style-1 .hero-title {
    font-size: 60px;
}}

Meanwhile i will test it and see if the issue exist on normal template install and send it for fix.

Regards

mychaello

Thank you, I will add this code to custom css. But for your information (before adding code), when I resize browser window to width 1298px, there was still wrong font, when I resize window to 1297px width or less, everything works fine (see attachments).

Regards

Ninja

mychaello
Hi
Kindly add the code in custom css option in template style
if that not work you can replace it with

@media (min-width: 1200px){ .acm-hero.style-1 .hero-title {
    font-size: 60px!important;
}}

mychaello

Hi, your first solution wokrs fine. Thanks again 🙂

My previous post was to say that before adding your code it behaves strangely when resizing the window. Below 1297px width the HERO module displays correctly, if the width is larger there is already an error.

So for now, I added your code to custom css and everything works fine.

Ninja

mychaello
The issue on your site is only missing the above style so it will work for 1200px size and after that it already picking the correct size.

shemeam

The same happened on my site.

Ninja

shemeam Hi
Can you apply the suggestion given above if not work,
Please open a separate thread and submit the issue and site info. so we can check it for you.

Regards