Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1573673
Mobile looks awful
Closed

Comments

  • vitorlintomen started the conversation
    May 14, 2018 at 4:33am

    Hello!


    The site is looking awful in mobile. H1 is smaller than H3, central aligned itens are floating around page, quickfinder spaces are enormous.


    In the last site I created with The Gem this didn`t happen. I tried altering the responsive options in WPBakery, to no success.


    What am I to do?


    Login: admin

    Pass: pedro18ivo


  •  7,092
    Oliver replied
    May 14, 2018 at 6:55am

    HI!

    here is an example of CSS for controlling font size for mobile:

    @media (max-width: 1000px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}
@media (max-width: 768px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}
@media (max-width: 500px) {
h1, .title-h1 {        
    line-height: 30px !important;        
    font-size: 30px !important;
}
h2, .title-h2 {        
    line-height: 30px !important;        
    font-size: 30px !important;
    }
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver