Reducing Theme Cover Image Height

  • Resolved davidurban

    (@davidurban)


    4 years, 10 months ago

    Hello,

    I absolutely love the new theme and have started building my NGO new site using it. Only trouble I am having is the Cover Theme cover image (used as homepage) –?since it fills the entire screen, it wastes space on normal desktop. Also the H1 is not visible on current iOS/Safari –?it is being hidden by the toolbar.

    Is there any way to make the cover area lower? Like half the screen?

    I used quick and dirty:

    .cover-header {
    height: 50vh;
}

    But obviously, this does not take care in repositioning the H1 and arrow, neither it repositions the image.

    Any tips would be much appreciated!

Viewing 1 replies (of 1 total)
  • Thread Starter davidurban

    (@davidurban)

    After more research this seems helpful:

    .cover-header {
max-height: 75vh!important;
}

.cover-header-inner {
padding: 0 0 40vh 0
}
Viewing 1 replies (of 1 total)
  • The topic ‘Reducing Theme Cover Image Height’ is closed to new replies.