[Resolved] Header Size

Home › Forums › Trusted Pro › Header Size

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 20, 2018 at 7:01 pm #4233
    Phillip Allen
    Participant

    Is there a way I can change the header size to bring my Featured items up a bit? I tried

     

    .home .main-header{
    height: 300px;
    }

    But that did not work.

    March 20, 2018 at 8:53 pm #4235
    Andy
    Keymaster

    Try this instead:

    .home .main-header{
    min-height: 300px !important;
}
    April 20, 2018 at 2:57 pm #4514
    Deborah Vincent
    Participant

    I have this issue, too – I have followed the image size guidelines, and the top of my image gets cut off on desktop view of the homepage, no matter what I use for a minimum size.

     

    How do I fix that?

    April 20, 2018 at 4:19 pm #4515
    Yazmin
    Keymaster

    Hi Deborah

    It is designed this way so that the masthead (area with the site title/logo and menu) is overlaid over the top of the header background image.

    This is because there is an opacity setting for the masthead background color, allowing you to set the transparency from 0 to 100 (0 allows the background image to show thru completely, 100 is the full block color).

    If you want to adjust this, in the customizer go to ‘Extra Colors’ > ‘Masthead’ and for the Header background color selector there is a horizontal slider bar which can be adjusted from 0 to 100 in conjunction with the background color.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header Size’ is closed to new replies.