• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

Can't get a FULLSCREEN LANDING PAGE to work..

New Here ,
Jun 15, 2017 Jun 15, 2017

Copy link to clipboard

Copied

Hello,

I am working on a project where I want a image & some objects to fill the whole screen when you open the website, UNTIL you scroll down. I have done this with a method to get them at 100%height and 100%width. Every item, including the overlays (ONLINE & OFFLINE), are a rectangle with the 100%height & 100%width that takes up the whole screen. That's the only way i thought off to get the 'ONLINE & OFFLINE' things to load on the bottom of the screen. I don't want that they stick on the bottom of the screen, but I want them to load in that place.

It works exactly how I want it to work on desktop, but on mobile and when I resize the browserheight, there suddenly is a space beteen the image/landing screen and the next section.

I want the rest of the content to snap to the fullscreen image that you see on load, without the space inbetween.

Can you guys give me tips on how to do this?

I would really appreciate it,

Thanks!

- Sander.

I DELETED THE LINK TO THE IMAGES BECAUSE I SOLVED IT.

Message was edited by: Sander Kuiken

Views

180

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

New Here , Jun 15, 2017 Jun 15, 2017

I found the answer myself!

header-page

Votes

Translate

Translate
New Here ,
Jun 15, 2017 Jun 15, 2017

Copy link to clipboard

Copied

LATEST

I found the answer myself!

header-page

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines