Return to previous page

How to set proper height for an in image added to the home page

This topic has 6 replies, 3 voices, and was last updated 3 weeks, 1 day ago ago by Tony Rodriguez

anoop

Participant

January 5, 2026 at 14:02

I would like to use a hero image as full view in all 3 screen types. When I added a hero image, I dont see an option to set the height,only I could see option to set full width. What is the best way to make this image full screen across all the devices. and is there any recommendation from your side on the image size I should use

Please, contact administrator
for this information.

#463744 Copied

5 Answers

Ayan Rahman

Support staff

January 5, 2026 at 14:35

Hi,

Thank you for reaching out to us.

To make the hero image display as full screen across all devices, we recommend setting the section or row containing the image to 100vh (viewport height)

In your screenshot, we can see the section settings. To set the height of the section for which you have already selected an image as the background, you just need to visit another tab in the settings. For example, please check this screenshot: https://prnt.sc/qLYeaNHD-xmo

For the best visual quality, we suggest using an image with a minimum width of 1920px and optimized file size to ensure fast loading.

Warm Regards,
The 8Theme Team

#463745 Copied

anoop

Participant

January 5, 2026 at 14:58

Thanks. I set the min height to 100vw as suggested, but I still see that image is not showing full screen

Please contact administrator
for this information.

#463747 Copied

Ayan Rahman

Support staff

January 5, 2026 at 15:28

Hello,

Please use 100vh instead of 100vw.

Best regards,
The 8Theme Team

#463750 Copied

anoop

Participant

January 5, 2026 at 16:53

Thanks for the support! My topic “How to set proper height for an in image added to the home page” has been successfully resolved.

#463757 Copied

Tony Rodriguez

Support staff

January 5, 2026 at 16:53

Dear anoop,

Thanks for being part of our WordPress & WooCommerce community!

We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

Leave Feedback →
(takes less than a minute)

Together, we’re shaping a better WooCommerce experience for everyone.

Topic closed.
The 8Theme Team

#463758 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How to set proper height for an in image added to the home page’' has been successfully resolved, and the topic is now closed for further responses

How to set proper height for an in image added to the home page

Explore our best WordPress WooCommerce Themes collection