Header and "Facts" errors in mobile view

Hi! I’m trying to fix 2 issues. The first one is regarding the header, as you can see in the mobile view of https://ricemon.webs.upv.es/ the menu is hiding the headers’ text. The second one is regarding the “Facts” part in the mobile view too, where the elements are not organized (the numbers are not shown together with the text). Could u help me with these issues?

Thanks!

Hi,

Thank you for contacting us about our theme Moesia.

Let’s address the issue on header part first.

Try reducing the size of the content and add some more width on the header text area only on mobile/tablet screen by adding this CSS code:

    @media only screen and (max-width: 1024px) {
      .site-header .welcome-info {
        top: 20px;
      }
      .site-header .welcome-info .welcome-logo {
        max-width: 80px;
      }
      .site-header .welcome-desc {
        width: 95%;
        font-size: 20px;
      }
    }

Let me know how it works for you.

Regards,
Kharis
aThemes Support