Okay
  Public Ticket #539787
CSS for Page Header
Closed

Comments

  • Chris started the conversation
    September 26, 2015 at 7:58pm

    I am trying to figure out the class you use so I can fix the height on Mobile. Here is my CSS so far:

    @media only screen

    and (min-device-width: 375px)

    and (max-device-width: 667px)

    and (-webkit-min-device-pixel-ratio: 2) {

    .page-header-bg[data-parallax="1"] {

    height: 225px !important;

    }

    }


    What is the right class I need to call to change the height of the page header?

  •  8,990
    Tahir replied
    September 28, 2015 at 5:07pm

    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 (min-width: 375px) and (max-width: 667px) /*and (-webkit-min-device-pixel-ratio: 2)*/ {
    #page-header-bg[data-parallax=\"1\"] {
        height: 256px !important;
    }


}

    Thanks


    ThemeNectar Support Team