Text to small in brizy cloud on mobile device

Matien Siddiqui

• July 20, 2026 02:58

The mobile view in the Brizy Cloud editor is correct, but the published mobile page renders significantly smaller on real Android devices (Firefox and Chrome). Desktop is correct. Viewport is correct, computed font size is 22px, no transform is applied. Please check the generated responsive project CSS.

https://caracal584bebc3.brizy.site/

0

• 

  KC George

  • July 20, 2026 06:11

  Hello Matien,

  You've applied the following CSS code to the second block with the text content. Even though you set the mobile paragraph text size to 22 pixels in Brizy, the following CSS code overrides the text size to 18 pixels.

  /* ==========================================
     OERfestival - Mobiele leesbaarheid
     ========================================== */
  
  @media only screen and (max-width: 768px) {
  
      body{
          font-size:18px;
          line-height:1.7;
      }
  
      p,
      li,
      span{
          font-size:18px !important;
          line-height:1.7 !important;
      }
  
      h1{
          font-size:2.3rem !important;
          line-height:1.15;
      }
  
      h2{
          font-size:2rem !important;
          line-height:1.2;
      }
  
      h3{
          font-size:1.6rem !important;
          line-height:1.3;
      }
  
      .brz-text{
          font-size:18px !important;
          line-height:1.7 !important;
      }
  
      .brz-rich-text{
          font-size:18px !important;
          line-height:1.7 !important;
      }
  
      .brz-container{
          padding-left:20px !important;
          padding-right:20px !important;
      }
  
  }

   

  As a result, font size set in the editor for mobile devices will not reflect on the frontend. Have you tried removing the above code to check if the font size would display as per the size you set in the editor?

  0

Please sign in to leave a comment.