Jump to content

Archived

This topic is now archived and is closed to further replies.

James

Background image behind 2 sections

Recommended Posts

James

Hi, does anyone know the best way to achieve an effect similar to this site in the showcase... http://thewholedaily.com.au/ where the background image is behind the header as well as the main content area?

I really like this and have done a mockup similar but I'm struggling to get the background image to go behind the header section

Can anyone help me with this?

Any help would be much appreciated

Thanks

Just found how to do this using negative margin-bottom

Does anyone know of another way to achieve this?

Share this post


Link to post
Share on other sites
Danny

Hi James,

They appear to be using custom CSS. I inspected the header and this is what they have used:

body #header {
    z-index: 1 !important;
    margin-bottom: -90px;
    padding-top: 20px;
}

I recommend you inspect the elements on the site using Chomes devtools which will give you a better understanding of what they have used. Also, please be aware that due to using negative margins, they most likely have also used media queries too.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×