search

digitalcraftsman / hugo-agency-theme

Port of Startbootstrap's Agency theme to Hugo
http://themes.gohugo.io/theme/agency/
Apache License 2.0
160 stars 137 forks source link

Height of background image #89

Closed Paul-Reed closed 7 years ago

Paul-Reed commented 7 years ago

The theme looks great on a laptop/desktop - thank you! On a mobile display, the hero background however does not extend to the height of the screen, and it looks a little strange. Is there a way to increase the height of the image please?

agency

stp-ip commented 7 years ago

Yes you can. Duplicate the agency.css to your own files so it overwrites the theme default and then you can add "height: 800px;" in the "header { }" section. As it completely depends on the phone size how big it needs to be. I'll close this for now. We could do some resizing with the device size, but that is out of scope for now. Will add a note to maybe revisit this in the future.

jwkvam commented 7 years ago

I added height to the header in css in agency.css

header {
    text-align: center;
    color: #fff;
    height: 100vh;
Paul-Reed commented 7 years ago

That's great, thanks.