How to get hero background image behind the menu?

  • Resolved madebygift

    (@madebygift)


    3 years, 6 months ago

    Hello.

    I want to create a page that has the hero image behind the menu effect, like this example here.

    I’ve built a page and set the featured image of the page with my image. But, the image is neither fixed nor full height. Am I using the correct technique?

    How do I achieve the effect on the “Haul page”, which block do I need and are there any specific settings I need to apply? Do I need to use the hero block from the Coblocks plugin instead?

    Appreciate any help!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter madebygift

    (@madebygift)

    3 years, 6 months ago

    Okay, so I found some custom CSS on the Haul site which, when you disable it, knocks the header image down below the menu bar so it looks like my site.

    Added this snippet via teh CSS customizer:

    .home .site-header {position: absolute;width: 100%;z-index: 999;left: 0;}

    But still not working… Anyone solved this?

    Thread Starter madebygift

    (@madebygift)

    3 years, 6 months ago

    That CSS solved it. I changed the homepage setting and it must have flushed the cache – sorted!

    gdpavle

    (@gdpavle)

    3 years, 6 months ago

    Hey @madebygift,

    I’m glad that you resolved the issue and please accept my apology for not getting back to you earlier.

    Have a nice day!

    Best Regards,
    Pavle

    Darren

    (@griffalo)

    3 years, 6 months ago

    Hey, no problem – I learnt something!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to get hero background image behind the menu?’ is closed to new replies.

Tags