Okay
  Public Ticket #485571
The Selected Font family Display in Mobile Device
Closed

Comments

  • Oswis Wong started the conversation
    July 23, 2015 at 12:53pm

    Hi,

    The website is almost done but only a issue here. The selected font family in Masonry blog post in home page cannot correctly display in mobile devices like iphone and android phone as well (Fine in desktop).

    Could you help me this? Thanks.

  •  8,987
    Tahir replied
    July 24, 2015 at 5:56pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    @media only screen and (max-width: 600px) {
    body #ajax-content-wrap #post-area.masonry.meta_overlaid .masonry-blog-item.regular h2.title {
        font-size: 12px !important;
        line-height: 18px!important;
    }
}

    Thanks


    ThemeNectar Support Team 

  • Oswis Wong replied
    July 25, 2015 at 7:02pm

    Hi Tahir,

    Thanks for your reply and kind help, but I think the issue is about the font family, not the size and line height. Anyway, the font family still not shown correctly after I added the code. Please help me once again. Thanks.

    P.S. I attached the different between view of PC and android phone for your reference

    Oswis

  •  8,987
    Tahir replied
    July 27, 2015 at 2:50pm

    Hey,

    You have set the font-family to Lovelo but have not chosen it in the typography options therefore its not loading.

    Please set one heading for example h6 to lovelo so the font loads.

    Thanks

    ThemeNectar Support Team 

  • Oswis Wong replied
    July 28, 2015 at 8:40am

    Great! It works. Thanks.