Okay
  Public Ticket #1343375
Blog header Font Size
Closed

Comments

  •  1
    Dean started the conversation
    October 23, 2017 at 1:25am

    Morning,

    Thank you for the amazing theme.

    I have searched the previous tickets but none of the solutions will work.

    How can we make the blog header Title larger on mobile?

    Regards,

    Dean

  •  9,016
    Tahir replied
    October 23, 2017 at 1:41pm

    Hey Again,

    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: 37px!important;
        line-height: 37px!important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  1
    Dean replied
    October 24, 2017 at 1:18am

    Thank you for your rapid response. This still have not effect. We had tried some thing similar before. 

    When we define a font it changes but the size and height are having no effect.

    The code is still in place (I have changed font-height and font-size to = 100px!important to ensure we notice when it is effective. Is there some thing else we have to add?

  •  9,016
    Tahir replied
    October 24, 2017 at 7:31am

    Hey Again,

    The css selector specificity needs to be increased : http://prntscr.com/h196xf . 

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

    Thanks

    ThemeNectar Support Team 

  •  1
    Dean replied
    October 25, 2017 at 12:26am

    Amazing. That worked perfectly.

    Once again. Best support we have experienced.