Getting images to be full screen/full width


#1

I’m creating a landingpage. I have created a sticky header - which somehow ended up being full width no matter which resolution i’m in - which is nice. I want the same for the images in my sections. When i click on a link in the menu, it will jump to a next section with a big image (background image) and an overlay with text. The image should be as big as the screen resolution. How do i get these images to follow the size of the browser that the user is using? The attached image is taken i n 2560x1440, and i get the white spaces to the left and right (but not in the menu??? :o   ) I don’t need it to particular fit 2560x1440, but i just want it to follow the screen size.
Any good solutions to this?


#2

Hi Annelise, 

This should be an easy fix. 

Select your page section and in the right sidebar locate Background > Advance Setting. There you’ll find a couple of check boxes - “Stretch background to page edges” is the one you need. 

![](https://d2r1vs3d9006ap.cloudfront.net/s3_images/1402202/RackMultipart20160420-106769-g26isk-Edit A - ubPage and_Favorites_inline.png?1461144846 “Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1402202/RackMultipart20160420-106769-g26isk-Edit__A__-__ubPage__and_Favorites_inlinepng1461144846”)

Best,
Hristian


#3

Hristian, that could be a solution, but it makes the background image sticky. I have a long page with various sections after each other, with different images that needs to be displayed. Therefore i can’t use that solution. But thanx.


#4

Hi Annelise, 

I’m not really sure what you mean by “makes the background image sticky”?

Best,
Hristian