search

nicecore / home-altogether

Home Altogether Site
0 stars 0 forks source link

Header on front page solution #7

Closed nicecore closed 5 years ago

nicecore commented 5 years ago

I know what to do:

Put the header OUTSIDE of the background image. Put the background image div right underneath and maybe offset the whole div up if you have to. That should look good.

nicecore commented 5 years ago

https://medium.com/@elad/the-new-feature-of-background-position-in-css-84300466d7f0

https://medium.com/@js_tut/html-background-images-4999a1fbca8e

https://css-tricks.com/tinted-images-multiple-backgrounds/

https://learn.shayhowe.com/html-css/setting-backgrounds-and-gradients/

nicecore commented 5 years ago

The problem with the pic is that it gets blown up a lot because there is a lot of height to it. The taller it goes, the more it has to stretch out vertically to fill the container.

I'll propose to them making the pic just 50% of the view height so that upon entering the site, the user gets treated to a nice pic but also gets to see the elegant logo just underneath. And for the header on the rest of the pages, half of that image from the index page will be displayed.