JA Good Joomla 4 Issue

kcdadmin

Hi,

I am using JA Good (Game homepage) with Joomla 4 and I noticing that the leading Masthead is not adjusting properly for mobile devices. Here are the comparisons between Joomla 3.10.9 and Joomla 4.1.3
Joomla 3

Joomla 4

I can provide login information.

Thank you.

saguaros

kcdadmin

It looks the same with our demo site, could you share screenshot of how it should be?

kcdadmin

Hi saguaros, your demo looks fine but for some reason my website has these overlapping titles on the very top menu. See image here

I also noticed that the over lap is happening a bit more towards the bottom as well

It seems to also happen further down. If you log into my website with the credentials provided and view it as mobile you should see what I am referring to. I am using a Chrome browser.

Thank you.

saguaros

kcdadmin I see, let me check and will get back to you.

kcdadmin

Hi saguaros,

I'd like to know what the status of this issue is.

Thank you.

saguaros

kcdadmin

We added this custom CSS into the file: /templates/ja_good/css/custom.css

@media (max-width: 768px) {
  .ja-news .news-big {
	width: 100%;
  }  
}

Kindly check.

kcdadmin

I have taken a look and it does look better now. I see the issue is still occurring with different widths but I can fix it with CSS. Thank you.