Return to previous page

How to make the hero image as background of header

This topic has 8 replies, 3 voices, and was last updated 2 weeks, 6 days ago ago by Tony Rodriguez

anoop

Participant

January 3, 2026 at 18:42

Hi Team,

I am looking to implement header like (I dont see this as template to insert) – https://xstore.8theme.com/demos/2/photographer/
I am using minimal fashion 2 template. How to adjust my header to show like above demo

Please, contact administrator
for this information.

#463679 Copied

7 Answers

Jack Richardson

Support staff

January 4, 2026 at 22:04

Hello @anoop,

Sorry for the delay in answering, due to weekends.

To create a similar header on your website, please enable the “Header Overlap” setting and make your header transparent. You can find more information in our documentation: https://www.8theme.com/documentation/xstore/xstore-builders/new-xstore-header-builder-with-elementor/#eatures-gwnx12.

Additionally, you can create multiple header templates and enable the “Header Overlap” option only for the template assigned to your home page, while all other pages will use a static header. For guidance on setting conditions in your header templates, please refer to: https://elementor.com/help/conditions/.

Best regards,
Jack Richardson
The 8Theme’s Team

#463717 Copied

anoop

Participant

January 5, 2026 at 13:02

Hi Jack,
Thank you. Is it possible to enable similar settings for mobile panel as well? ( or even hide during initial load and show when we scroll x pixel)

#463740 Copied

Jack Richardson

Support staff

January 6, 2026 at 10:02

Hello @anoop,

Thank you for your message.
Unfortunately, such settings are not available at the moment, as we have not yet received similar requests from our customers.

Best regards,
The 8Theme Team

#463786 Copied

anoop

Participant

January 6, 2026 at 18:43

Thanks.
Is it possible to make the header transparent only for the home page ?

Please contact administrator
for this information.

#463813 Copied

Jack Richardson

Support staff

January 6, 2026 at 20:52

Hello @anoop,

Yes, you can implement this action. We have previously provided details on how to create multiple headers with different conditions in the following reply: https://www.8theme.com/topic/how-to-make-the-hero-image-as-background-of-header/#post-463717. For example, you can set the home page transparent header with the “Overlap” option enabled, while all other pages under “Entire Website” condition can use a non-overlapping header with custom background configured.

Additionally, you can create multiple header templates and enable the “Header Overlap” option only for the template assigned to your home page, while all other pages will use a static header. For guidance on setting conditions in your header templates, please refer to: https://elementor.com/help/conditions/.

Best regards,
Jack Richardson
The 8Theme Team

#463821 Copied

anoop

Participant

January 8, 2026 at 17:43

Thanks for the support! My topic “how to make the hero image as background of header” has been successfully resolved.

#463897 Copied

Tony Rodriguez

Support staff

January 8, 2026 at 17:43

Dear anoop,

It’s great having you in our WordPress & WooCommerce community!

Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

Leave Feedback →
(takes less than a minute)

Together, we grow stronger with every release.

Topic closed.
The 8Theme Team

#463898 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘how to make the hero image as background of header’' has been successfully resolved, and the topic is now closed for further responses

How to make the hero image as background of header

Explore our best WordPress WooCommerce Themes collection