Okay
  Public Ticket #463426
Page Header Font Size
Closed

Comments

  • LazR started the conversation
    June 23, 2015 at 12:00am

    I was able to successfully adjust the size of the page header font for displays larger than 1000px, but my changes are overridden on smaller resolutions (ie. mobile) screens. I have made the changes in the child's style.css and inside the Salient's General Settings Custom CSS Code box with no luck. Reading through previous support tickets mention this is how to change it, but for me it continues to default to a font-size of 40px. Can you please help?

    Here is what I am using to no avail:

    @media only screen and (max-width: 1000px) and (min-width: 690px){
    #page-header-bg .span_6 h1, .single.single-post .section-title h1 {
    font-size: 5.5vw !important;
    line-height: 5.9vw !important
    }
    }

  •  8,851
    Tahir replied
    June 23, 2015 at 4:18pm

    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: 690px) {
    #page-header-bg .span_6 h1, .single.single-post .section-title h1 {
        font-size: 44px!important;
        line-height: 50px!important;
    }
}

    Thanks


    ThemeNectar Support Team