Top page design problem

Question:
my key visual on the home page does not show on mobile site… do you know why?

Hi, @Kaori_Matsui !!

It looks like the key visual is not missing from the mobile site, but rather being obscured by a semi-transparent cream-colored element covering it. This issue is not limited to the mobile site—I also noticed it on the desktop version. :upside_down_face:

Try opening the desktop version of your site and reducing the browser width to its minimum. You’ll likely see the same issue occur. :innocent:

Your site appears to have a section for displaying the key visual (perhaps with a parallax effect applied?) with a semi-transparent container placed on top of it. The problem seems to be that when the screen size becomes smaller, the container’s height expands, covering the entire screen. (The key visual is still properly displayed underneath—it hasn’t disappeared. :thinking:)

To fix this, try adjusting the container’s size in the tablet and mobile breakpoints. The container is likely expanding to cover the entire screen, so modifying its height should resolve the issue. :raised_hands: :smiling_face_with_sunglasses: