Okay
  Public Ticket #1242536
Project Headers Size on Mobile
Closed

Comments

  • nickpixtxt started the conversation
    July 16, 2017 at 2:05pm

    Hi,

    On my mobile phone, when I click from my portfolio into a project, the project header is tiny and almost unreadable. How do I control the size of this? I've tried in the [Typography - Responsive Settings] but the h1 tag doesn't seem to be affecting it. 

    Please help,
    Thanks

    Nick


    http://www.picturesandtext.co.uk

  •  9,322
    Tahir replied
    July 17, 2017 at 1:07pm

    Hey Again,

    Try turning off the Responsive Settings as they are making it tiny : http://prntscr.com/fwq36g . 

    Thanks

    ThemeNectar Support Team 

  • nickpixtxt replied
    July 17, 2017 at 1:14pm

    Thanks Tahir.

    Is this what you mean? I've turned them off but cannot see a difference. 

    Any other ideas?


    Thank you! 

  •  9,322
    Tahir replied
    July 17, 2017 at 1:18pm

    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: 690px) {
    #page-header-bg.fullscreen-header .span_6 h1, .overlaid-content h1 {
        font-size: 16.3px!important;
        line-height: 16.3px!important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • nickpixtxt replied
    July 17, 2017 at 1:29pm

    It's so weird. I adjusted the page heading font size (thinking this would affect desktop and mobile) and it only affected mobile. So I guess it's ok now. 


    Thanks Tahir