Why does my Narrative theme background image not fill the entire mobile view?

Store Design
1

Hi,

I am using the Narrative theme and the background image of my homepage doesn’t fill the whole page but only when in mobile view, leaving a white bar at the bottom as shown in the image below.

It doesn’t matter what dimensions the image is it always displays a white bar.

My website is: www.brookesbooth.com

My password is: Hello

Thanks

MOBILE BACKGROUND.jpg
MOBILE BACKGROUND.jpg1920×1080 52.5 KB

2

No,

The website is completely fine in desktop view, it’s just a white bar at the bottom of the home page when viewed on mobile.

3

Hi, @BROOKESBOOTH

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.scss ->paste the below code at the bottom of the file.
@media(max-width:786px){
.image-bar__item{
	height:100vh;
}
}
4

Worked perfectly,

Cheers