Page Scroll Down

• 

  markredj · Member · Oct 1, 2018 at 11:29 am

  • Copy link
  • Add topic to favorites

  How can I make my page “lengthier”. Right now I can’t scroll down and I have 3 more images that are not showing.

  My current code is as follow:

  .navbar{
  width: 100%
  }

  #content.content{
  position: absolute;
  width: 100%;
  left: 0%;
  top: 70%;
  }

  Basically I want all my images to cover the whole screen, but this code seems to not allow the displaying of all my images.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  dkmyta · Member · Oct 1, 2018 at 12:49 pm

  • Copy link

  Hi there,

  Any particular reason you have the above CSS in effect?

  You are correct that it is hindering your sites ability to display all of its content. Removing the following declaration altogether will resolve this issue:

  #content.content{
  position: absolute;
  width: 100%;
  left: 0%;
  top: 70%;
  }

  However, if this code is in place for a specific vital reason let us know what it is and we can look into a work around to solve the issue of your content not display appropriately.

  Cheers

• 

  markredj · Member · Oct 1, 2018 at 9:22 pm

  • Copy link

  Hi,

  Thanks for your reply.

  The reason I added the code was to make all my images fit the whole width of the screen; now there are blue spaces at the extremity. Is there a way to make all my images from my blog post be full width?

  Thanks

• 

  dkmyta · Member · Oct 1, 2018 at 9:51 pm

  • Copy link

  You bet, this will do the trick for you:

  .container {
      width: 100%;
  }

  Let me know if you run into any other troubles.

  Cheers