Okay
  Public Ticket #1399945
Page Header - Mobile View
Closed

Comments

  • rogeroldham started the conversation
    December 12, 2017 at 8:07am

    How can I adjust the responsive settings for the Page Header? In mobile view page header elements are far too small and don't resize in line with other elements on the same page. 

  •  9,016
    Tahir replied
    December 12, 2017 at 10:52am

    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 .span_6 span.subheader {
        font-size: 18px!important;
    }
}
@media only screen and (max-width: 690px) {
    #page-header-bg .span_6 h1, .single.single-post .section-title h1 {
        font-size: 28px!important;
        line-height: 34px!important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • rogeroldham replied
    December 15, 2017 at 1:31am

    Awesome, thanks!