Skip to main content

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?

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. 


!r](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

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.

Hi Annelise, 


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


Best,

Hristian

Reply


Terms & ConditionsCookie settings