Full Screen Homepage Scrolling Website

Discussion in 'General Muse' started by Blueprint, Jun 27, 2017.

Thread Status:
Not open for further replies.
  1. Blueprint

    Blueprint Member

    I'm trying to have a splash page which is 100% width/height and then making sure that the content afterwards when you scroll down is always below this splash page regardless of browser size.

    I've been looking around but can't find an answer.

    How can I achieve this? I'm currently using browser fill which works fine for the splash page but I can't get the following content to come afterwards and scale accordingly.

  2. Jeremei

    Jeremei Well-Known Member

    This is only an example and I am not sure if you are looking for this kind of feature without any widget???
    1) Create fluid breakpoints e.g. 1200 px, 960 px, 768 px and 480 px (you can decide yourself about breakpoints; pixels and how many breakpoints)
    2) Create a rectangle to 1200 px breakpoint (rectangle width 1200 px and height e.g. 684 px
    3) Fill the rectangle with the image by using ”Fill” feature
    4) Set the image in ”Resize” panel ”Responsive with width and height”
    5) Pin the image center up
    6) Move the image (rectangle) layer in ”Layers" panel to top

    Look at the screenshot!

    Last edited: Jun 27, 2017
  3. DjHerold

    DjHerold Moderator Staff Member Advisory Group

    Blueprint, you can give our Super Hero widget a try. It's designed just for that type of design.
Thread Status:
Not open for further replies.

Share This Page